Jump to content
  • 0

Проблема с градиентами в IE и Opera


okunev2
 Share

Question

.blue-button {font-size: 13px; color: #ffffff; padding: 2px 15px; background: -moz-linear-gradient(top, #0E92B6 0%, #0FA2CA); background: -webkit-gradient(linear, left top, left bottom, from(#0E92B6), to(#0FA2CA)); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 0px solid #000000; -moz-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -ms-behavior: url(css/pie.htc); behavior: url(css/pie.htc);

Почему-то свойство background с градиентами не работает в IE и Opera. Как вылечить?

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

В Firefox тоже скоро перестанет работать. Всегда начинайте со стандартного CSS (без префиксов), а костыли и подпорки добавляйте потом по надобности (а еще лучше прогоняйте код через Autoprefixer).

Link to comment
Share on other sites

  • 0

Различия в синтаксисе (для тех же градиентов, флексбоксов и т.п.) он тоже учитывает? У него есть настройка порога, до какой версии/процента по caniuse учитывать тот или иной браузер?И возможность задавать исключения есть? Если да — вопросов больше не имею (кроме того, почему об этой фиче заговорили лишь с приходом Автопрефиксера, если Эммет умел то же самое раньше).

Link to comment
Share on other sites

  • 0
Различия в синтаксисе (для тех же градиентов, флексбоксов и т.п.) он тоже учитывает?

Да

 

У него есть настройка порога, до какой версии/процента по caniuse учитывать тот или иной браузер?

Да

 

И возможность задавать исключения есть?

Да 

Link to comment
Share on other sites

  • 0

А Emmet их добавляет сразу по ходу набора или можно добавить скопом в конце? У постпроцессоров типа автопрефиксера то преимущество, что можно работать с чистым читабельным кодом, а в продакшн отдавать сжатый, префикснутый и т.д., причем делать это автоматически. Когда все префиксы в самом исходнике, особенно старом, читать его становится труднее. Или Эммет и ненужное старье распознавать и удалять сам тоже умеет?

Link to comment
Share on other sites

  • 0

Мы говорим о разных процессах. Я пишу css, набираю аббревиатуру с параметрами, после разворачивания получаю css код со всеми префиксами которые меня интересуют.

 

В твоем случае добавляется дополнительный этап пост-обработки кода

Link to comment
Share on other sites

  • 0

Согласен, это во многом вопрос вкуса. Но меня префиксы вообще не интересуют, я пишу просто CSS:). А дополнительный этап (при правильной настройке всего) происходит автомагически и результат трудов, как говорится, just works:)

Link to comment
Share on other sites

  • 0

 

не смотрю что получается после компиляции sass.

я как посмотрел, сказал "вот это помоооойкааа." и дальше продолжил писать css))

 

Ну я как раз перестал смотреть после одного раза, так сказать травма детства :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy