2013-07-20 5 views
-2

Каким будет CSS для следующего браузера для линейного градиента?Кросс-браузерный линейный градиент

background: linear-gradient(bottom, #E4E8EA 0%, #E8EBED 50%, #f1f3f4 96.36%, #fff 100%); 
+0

Почему у вас есть два линейных градиента, если ни один из них не прозрачен? (Они также точно такие же.) Кроме того, невозможно указать остановки в градиенте в IE9 или ранее. Кроме того, бросьте все префиксы на нем, кроме '-ms-'. И, наконец, если это так важно, что ему необходимо поддерживать IE8, вы неправильно выполняете дизайн. – Ryan

+3

Его можно решить для большинства версий IE с использованием фильтра. Вы можете проверить http://www.colorzilla.com/gradient-editor/ для образцов. –

+0

@ Karl-JohanSjögren: Сохраняется ли цвет поддержки фильтра? – Ryan

ответ

1

вам нужно использовать

-moz-linear-gradient() /*mozilla*/ 

или

-webkit-linear-gradient() /*safari,chrome*/ 

или

-ms-linear-gradient() /*IE*/ 

или

-o-linear-gradient() /*opera*/ 

рядом с вами в вашем стиле

+2

Как насчет Opera? Как насчет IE? – Ryan

Смежные вопросы