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

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

火狐:

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

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

网络工具包:

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

互联网浏览器:

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