Question

Opera和其他主流浏览器是否有-moz-linear-gradient或-webkit-gradient类型的CSS？

Answer 1

IE确实支持渐变，Opera，但不支持（截至10.5）。 IE现在只支持通过filter属性的渐变，也许在v10中这会改变，但是现在，你必须使用filter或-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));
}

了解更多信息：

一般：

Gradients in 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

您可以将SVG图像用作歌剧中的背景。您甚至可以对这些进行base64编码并将它们直接放在样式表中。我目前正试图找出最新的测试版（歌剧11）是否支持css渐变，但还没有运气。

Answer 3

截至2012年11月6日，这有效：

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 */

Opera有-moz-linear-gradient或-webkit-gradient类型的CSS？

3 个答案: