Есть ли CSS -moz-linear-Gradient или -Webkit-Gradient для Opera?

Question

Существует ли CSS -moz-linear-Gradient или -Webkit-Gradient для Opera и других основных браузеров?

Answer 1

IE. Есть ли в Infact поддержка градиентов, однако в Opera нет (по состоянию на 10.5). IE пока поддерживает только градиент через атрибут фильтра, возможно, в v10 это изменится, но сейчас вы должны использовать либо атрибут фильтра, либо -ms-filter.

Пример:

.simple-gradient {
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff');
    background-image: -moz-linear-gradient(top, #000, #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#fff));
}

Для получения дополнительной информации:

Общие сведения:

Градиенты в Internet Explorer 9

Firefox:

https://developer.mozilla.org/en/CSS/-moz-linear-gradient

https://developer.mozilla.org/en/CSS/-moz-radial-gradient

Webkit:

http://webkit.org/blog/175/introducing-css-gradients/

Internet Explorer:

http://msdn.microsoft.com/en-us/library/ms532997%28VS.85%29.aspx

Answer 2

По состоянию на 6 ноября 2012 года это работает:

background-image: -webkit-linear-gradient(top, #585858, #2d2d2d); /*Webkit*/
background-image: linear-gradient(to bottom, #585858, #2d2d2d); /*Firefox and Opera*/
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#585858', EndColorStr='#2d2d2d'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#585858', EndColorStr='#2d2d2d')"; /* IE8 */

Answer 3

Вы можете использовать изображения SVG в качестве фона в опере. Вы даже можете закодировать их с помощью base64 и поместить их непосредственно в таблицу стилей. В настоящее время я пытаюсь выяснить, поддерживает ли последняя бета-версия (опера 11) градиенты CSS, но пока не повезло.