Войти

Войти | Регистрация
Поиск по сайту
Подскажите пожалуйста по вопросу градиента 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: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 Компьютерная мышь 
Апдейты
  • Яндекс ИКС Яндекс выдача 23.11.2023 (729 дней назад)
  • Яндекс выдача Яндекс выдачаМониторинг апдейтов 01.04.2025 (234 дня назад)

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


Показать все

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

Как понравиться 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