Войти

Войти | Регистрация
Поиск по сайту
Подскажите пожалуйста по вопросу градиента CSS
Поиск  Правила 
Seo форум » Разное » X
Страницы: 1 2 След.
[ Закрыто ] Подскажите пожалуйста по вопросу градиента CSS
#1
21 Сентября 2013 11:14
Здравствуйте уважаемые форумчане.
Подскажите пожалуйста. Есть стиль градиента background-image: linear-gradient(90deg, rgba(0,171,235,1) 35px, rgba(255,255,255,1) 0%);

Как его адаптировать под оперу и ИЕ всех версий.
Вот пример как должно получиться

С уважением.
Если разместил тему в неположенном месте, прошу модераторов перенести в нужный раздел. Спасибо
Изменено: video-freelancer - 21 Сентября 2013 11:20
Минтранс дал добро на продажу авиабилетов по низкой цене в 2025 году Купить авиабилеты онлайн дешево
#2
21 Сентября 2013 11:22
Цитата
video-freelancer пишет:
Вот пример как должно получиться
И хде пример? Юзайте префиксы


Код
background: rgb(0, 171, 21);
background: -moz-linear-gradient(90deg, rgb(0, 171, 21) 0%, rgb(255, 255, 255) 70%);
background: -webkit-linear-gradient(90deg, rgb(0, 171, 21) 0%, rgb(255, 255, 255) 70%);
background: -o-linear-gradient(90deg, rgb(0, 171, 21) 0%, rgb(255, 255, 255) 70%);
background: -ms-linear-gradient(90deg, rgb(0, 171, 21) 0%, rgb(255, 255, 255) 70%);
background: linear-gradient(180deg, rgb(0, 171, 21) 0%, rgb(255, 255, 255) 70%);
проценты и прочее сами поменяете
#3
21 Сентября 2013 11:23
Старые браузеры не поддерживают градиенты
#4
21 Сентября 2013 11:24
Не успел отредактировать тему:) Прошу прощения, вот пример. Один цвет голубой, ширина его 35px. Другой белый . Границы не должны быть расплывчатыми.
123.jpg (124.11 КБ) [ Скачать ]
Изменено: video-freelancer - 21 Сентября 2013 11:27
#5
21 Сентября 2013 12:00
video-freelancer, что ж вы народ в заблуждение вводите? 
Код
background: rgb(1, 175, 221);
background: -moz-linear-gradient(0deg, rgb(1, 175, 221) 0%, rgb(255, 255, 255) 100%);
background: -webkit-linear-gradient(0deg, rgb(1, 175, 221) 0%, rgb(255, 255, 255) 100%);
background: -o-linear-gradient(0deg, rgb(1, 175, 221) 0%, rgb(255, 255, 255) 100%);
background: -ms-linear-gradient(0deg, rgb(1, 175, 221) 0%, rgb(255, 255, 255) 100%);
background: linear-gradient(90deg, rgb(1, 175, 221) 0%, rgb(255, 255, 255) 100%);
#6
21 Сентября 2013 12:01
Цитата
video-freelancer пишет:
Границы не должны быть расплывчатыми.                                                
А вот теперь вы весь мозг вынесли со свистом...
#7
21 Сентября 2013 12:11
Цитата
Olderman пишет:
video-freelancer пишет:
Границы не должны быть расплывчатыми. А вот теперь вы весь мозг вынесли со свистом...
До Вас я успел себе мозг вынести:)
#8
21 Сентября 2013 12:12
 просто непонятно, то вам надо градиент, то вам надо, что бы границы НЕ были расплывчатыми smile:)
#9
21 Сентября 2013 12:15
Цитата
Olderman пишет:
просто непонятно, то вам надо градиент, то вам надо, что бы границы НЕ были расплывчатыми smile:)
Вот скрин в Ие Вашего кода
image.php.png (198.93 КБ) [ Скачать ]
#10
21 Сентября 2013 12:19
А мне необходимо сделать градиент чтоб соединение Голубого и Белого цвета были по прозрачности 100%, голубой цвет чуть чуть должен быть по ширине приблизительно 4% или 35px. При этом Белый фон должен заливать остальную часть.

Как здесь
123.jpg (124.11 КБ) [ Скачать ]
#11
21 Сентября 2013 12:23
Этот пример сделан припомощи градиента background-image: linear-gradient(90deg, rgba(0,171,235,1) 35px, rgba(255,255,255,1) 0%);


Но ИЕ его не воспринимает (непонимает). Пробовал пользоваться генераторами, но они не смогли помочь. Пробовал Дивами и Таблицами, но тогда придется весь код колошматить, а это очень надолго.
123.jpg (124.11 КБ) [ Скачать ]
#12
21 Сентября 2013 12:23
для вебкита:
background: -webkit-linear-gradient(0deg, rgb(88, 177, 236) 4%, rgb(255, 255, 255) 0%);
дальше сами.
Лучший обменник криптовалюты на 2024 год: WEB | Telegram
#13
21 Сентября 2013 12:26
А проще это без костылей нельзя сделать? почему именно градиент?
#14
21 Сентября 2013 12:29
Цитата
NZT пишет:
для вебкита:
background: -webkit-linear-gradient(0deg, rgb(88, 177, 236) 4%, rgb(255, 255, 255) 0%);
дальше сами.
По вашему примеру в Ие фон изчез и белый и голубой.
image.php.png (177.44 КБ) [ Скачать ]
#15
21 Сентября 2013 12:33
Цитата
NZT пишет:
А проще это без костылей нельзя сделать? почему именно градиент?


Пробовал Дивами и Таблицами, но тогда придется весь код колошматить, а это очень надолго.
Пробовал тонкую полоску в фотошопе делать, удлинял ее по "х" получалось не совсем то и ширину не отрегулируешь, шаблон резиновый.
 
Страницы: 1 2 След.
Похожие темы:
  11.06.2020 15:40  Оцените пожалуйста творческий сайт-блог
  04.06.2020 21:31  Подскажите какую зону выбрать для домена?
  06.06.2018 14:11  Здравствуйте, помогите пожалуйста разработать сайт. Что добавить.что убрать ? (затёр) Пишите сюда - (затёр)
  30.10.2017 14:53  Подскажите лучшие варианты для вывода с WMR
  07.04.2017 20:49  Подскажите
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
08:29 Бесплатное получение бэклинков 
08:19 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
07:14 Adsense личный опыт 
00:45 С чего сейчас проще начать? 
00:22 Раскрутка форума 
00:16 Бесплатное расширение для Chrome — проверка ссылок прямо на странице 
00:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update 
09:44 MIG-OBMEN.net — Быстрый и надежный обмен цифровых активов 
09:15 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф 
00:22 BITzaBIT.com - обмен криптовалют, выплаты EUR, CAD, GBP, AZN, TJS, UZS 
00:13 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 
18:46 Прямой поставщик услуг для MAX 
17:52 Mixmasters - Exchange without AML and KYC 
16:47 Продам домен translated.ru 
09:14 молодильные яблоки и живая вода 
07:17 Почему не обновляется счетчик ИКС (индекса качества сайта) 
07:08 Точные прогнозы на футбол 
00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
19:38 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 
06:50 Ставки на супер тренды в спорте 
13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
Апдейты
  • Яндекс ИКС Яндекс выдача 23.12.2025 (98 дней назад)
  • Яндекс выдача Яндекс выдачаМониторинг апдейтов 21.03.2026 (10 дней назад)

     Доска объявлений
     Купить / Продать
     Работа / Услуги
Интересные темы
—  Развитие канала в Яндекс Дзен
—  Монетизация любого типа контента на YouTube. Adsense больше не нужен!
—  Путь из слесаря в копирайтеры со своей командой
—  Заработок на Рутубе 2025
—  Бизнес на фоне санкций


Показать все

Интернет новости

Как понравиться Google?26.03
Как понравиться Google?

25.03 Telegram заблокировали в Испании

25.03 Власти РФ требуют от Telegram бороться с "не такими" новостями

23.03 Microsoft покупает рекламу в выдаче Google для раскрутки Bing

22.03 Google Gemini открыта для тестирования

21.03 Yahoo! продолжает "угрожать" своим новым поиском


Инструменты
Все инструменты

© Сервис анализа сайтов CY-PR.com 2008-2050