Кто-нибудь знает префикс поставщика для градиентов в IE9, или мы все еще должны использовать их собственные фильтры?
Что у меня есть для других браузеров:
background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */
В качестве бонуса, кто-нибудь знает префикс поставщика Opera?
css
background
internet-explorer-9
gradient
Сниффер
источник
источник
Ответы:
Вам все еще нужно использовать их проприетарные фильтры, начиная с IE9 beta 1.
источник
Похоже, я немного опоздал на вечеринку, но вот пример для некоторых популярных браузеров:
Источник: http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html
Примечание: все эти браузеры также поддерживают rgb / rgba вместо шестнадцатеричной записи.
источник
Лучшее кросс-браузерное решение - это
источник
В IE9 в настоящее время отсутствует поддержка градиентов CSS3. Однако вот хорошее обходное решение, использующее PHP для возврата SVG (вертикального линейного) градиента вместо этого, что позволяет нам сохранить наш дизайн в наших таблицах стилей.
Просто загрузите его на свой сервер и вызовите URL-адрес следующим образом:
Это можно использовать вместе с вашими градиентами CSS3 следующим образом:
Если вам нужно настроить таргетинг ниже IE9, вы все равно можете использовать старый проприетарный метод фильтрации:
Конечно, вы можете изменить код PHP, чтобы добавить больше остановок на градиент или сделать его более сложным (радиальные градиенты, прозрачность и т. Д.), Но это отлично подходит для этих простых (вертикальных) линейных градиентов.
источник
linear-gradient
.Код, который я использую для всех градиентов браузера:
Вам нужно будет указать высоту или
zoom: 1
применитьhasLayout
к элементу, чтобы это работало в IE.Обновить:
Вот версия LESS Mixin (CSS) для всех пользователей LESS:
источник
Скоро в Opera появятся сборки с поддержкой градиента, а также с другими функциями CSS.
Рабочая группа W3C CSS еще даже не закончила работу над CSS 2.1, вы ведь это знаете, верно? Мы собираемся закончить очень скоро. CSS3 точно разбит на модули, поэтому мы можем быстрее переходить к реализации модулей, а не целиком.
Каждая браузерная компания использует свою методологию цикла программного обеспечения, тестирования и так далее. Так что процесс требует времени.
Я уверен, что многие, многие читатели хорошо знают, что если вы используете что-либо в CSS3, вы делаете то, что называется «прогрессивным улучшением» - браузеры с наибольшей поддержкой получают лучший опыт. Другая часть этого - «постепенная деградация», означающая, что опыт будет приятным, но, возможно, не лучшим или самым привлекательным, пока этот браузер не реализует модуль или части модуля, которые имеют отношение к тому, что вы хотите сделать.
Это создает довольно странную ситуацию, которая, к сожалению, крайне разочаровывает разработчиков интерфейса: несоответствие сроков реализации. Так что это настоящая проблема для обеих сторон - вините ли вы браузерные компании, W3C или, что еще хуже, - себя (черт знает, что мы не можем знать всего этого!). Те из нас, кто работает в браузерной компании и группе W3C участники винят себя? Вы?
Конечно нет. Это всегда игра баланса, и пока мы, как отрасль, не выяснили, где на самом деле находится эта точка баланса. Это радость работы в эволюционных технологиях :)
источник
Я понимаю, что IE9 по-прежнему не будет поддерживать градиенты CSS. Что жаль, потому что он поддерживает множество других замечательных новых вещей.
Возможно, вы захотите изучить CSS3Pie как способ заставить все версии IE поддерживать различные функции CSS3 (включая градиенты, а также border-radius и box-shadow) с минимальными усилиями.
Я считаю, что CSS3Pie работает с IE9 (я пробовал его в предварительных версиях, но еще не в текущей бета-версии).
источник
Не уверен насчет IE9, но в Opera, похоже, еще нет поддержки градиентов:
На этой странице нет «градиента».
Есть отличная статья Роберта Наймана о том, как заставить CSS-градиенты работать во всех браузерах, кроме Opera:
Не уверен, что это можно расширить, чтобы использовать изображение в качестве запасного варианта.
источник
filter
вещи, которые в моей книге не квалифицируются как CSS). Firefox теперь последовал за ними, но, похоже, что в черновике спецификации W3C CSS пока нет ничего: см. Google.co.uk/…Начиная с версии 11 Opera поддерживает линейные градиенты с префиксом -o- vendor. Крис Миллс написал об этом статью в Dev.Opera: http://dev.opera.com/articles/view/css3-linear-gradients/
Радиальные градиенты все еще находятся в разработке (как в спецификации, так и в Opera).
источник
Воспользуйтесь Генератором градиентов - и все будет идеально;) http://www.colorzilla.com/gradient-editor/
источник