Войти

Войти | Регистрация
Поиск по сайту
Подскажите пожалуйста по вопросу градиента 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)
Новые темыОбъявленияСвободное общение
21:45 Раскрутка форума 
21:27 SEO под нейро 
20:51 MAX выкатил приватные каналы - закрытые тусы теперь лепишь за минуту 
19:39 Телега на ручнике: РКН включил замедление и логи админок покраснели 
18:07 Гугл уходит из России: почему интернет тормозит и что делать 
15:57 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 
15:17 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
22:42 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
19:41 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
16:31 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 
11:47 Monitex: Мониторинг с кэшбэком 80% в USDT 
09:38 Мониторинг обменников Сrypto-scout.io 
04:12 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
00:48 SOCKS5 приватные прокси на 30 дней для PayPal 
05:37 Промокоды на 10% скидку на покупку в магазине 
23:47 Точные прогнозы на футбол 
21:36 SIM к IMEI и лимиты на карты: итоги первого чтения в Думе 
19:26 Туалетные секреты: Замурчательная тема 
18:53 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 
16:02 блокировка youtube 2026: ркн начинает «выдавливание». кто уже пробовал вк видео? 
09:02 Ставки на супер тренды в спорте 
Апдейты
  • Яндекс ИКС Яндекс выдача 23.12.2025 (53 дня назад)
  • Яндекс выдача Яндекс выдачаМониторинг апдейтов 10.02.2026 (4 дня назад)

     Доска объявлений
     Купить / Продать
     Работа / Услуги
Интересные темы
—  Ютуб - продвижение и заработок
—  Заработок на Рутубе 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