Подскажите пожалуйста по вопросу градиента CSS
Страницы: 1 2 След.
[ Закрыто ] Подскажите пожалуйста по вопросу градиента CSS
Здравствуйте уважаемые форумчане.
Подскажите пожалуйста. Есть стиль градиента background-image: linear-gradient(90deg, rgba(0,171,235,1) 35px, rgba(255,255,255,1) 0%);

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

С уважением.
Если разместил тему в неположенном месте, прошу модераторов перенести в нужный раздел. Спасибо
Изменено: video-freelancer - 21 Сентября 2013 11:20
Цитата
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%);
проценты и прочее сами поменяете
Старые браузеры не поддерживают градиенты
Не успел отредактировать тему:) Прошу прощения, вот пример. Один цвет голубой, ширина его 35px. Другой белый . Границы не должны быть расплывчатыми.
123.jpg (124.11 КБ) [ Скачать ]
Изменено: video-freelancer - 21 Сентября 2013 11:27
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%);
Цитата
video-freelancer пишет:
Границы не должны быть расплывчатыми.                                                
А вот теперь вы весь мозг вынесли со свистом...
Цитата
Olderman пишет:
video-freelancer пишет:
Границы не должны быть расплывчатыми. А вот теперь вы весь мозг вынесли со свистом...
До Вас я успел себе мозг вынести:)
 просто непонятно, то вам надо градиент, то вам надо, что бы границы НЕ были расплывчатыми smile:)
Цитата
Olderman пишет:
просто непонятно, то вам надо градиент, то вам надо, что бы границы НЕ были расплывчатыми smile:)
Вот скрин в Ие Вашего кода
image.php.png (198.93 КБ) [ Скачать ]
А мне необходимо сделать градиент чтоб соединение Голубого и Белого цвета были по прозрачности 100%, голубой цвет чуть чуть должен быть по ширине приблизительно 4% или 35px. При этом Белый фон должен заливать остальную часть.

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


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


Пробовал Дивами и Таблицами, но тогда придется весь код колошматить, а это очень надолго.
Пробовал тонкую полоску в фотошопе делать, удлинял ее по "х" получалось не совсем то и ширину не отрегулируешь, шаблон резиновый.
Страницы: 1 2 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
08:26 Помогите! ОТКРЫЛАСЬ монетизация на ЮТЮБ! Но Как быть в 2024 с Adsense? 
08:23 Rotapost прикрыли! Чем пользоваться? 
17:53 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
22:27 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
12:39 2Index - быстрая индексация страниц сайта и обратных ссылок 
06:17 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
11:46 SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам). 
04:12 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
22:41 SOCKS5 приватные прокси на 30 дней для PayPal 
22:41 Google Voice аккаунты для бесплатных SMS и звонков 
22:40 PayPal аккаунты для любых целей 
18:24 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin 
16:59 Сайты с зарубежным трафиком КУПЛЮ 
16:50 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
13:08 Бесплатный майнинг Tether (USDT) 
10:29 С юмором по жизни! 
16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 
20:43 Добро пожаловать в цифровой мир... 
15:59 Про мясо 
23:09 ПП от PMS remote.team - 200$ за команду 
13:28 Компьютерная мышь