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

是否有-moz-线性渐变或Opera等主流浏览器的一个-webkit倾斜型的CSS？Opera是否有-moz-linear-gradient或-webkit-gradient类型的CSS？

2010-05-20 Justin808

IE是否INFACT有梯度，歌剧支持，但没有（为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

的Webkit：

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

Internet Explorer中：

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

来源

2010-05-21 02:50:28

你有没有看歌剧的转变？我试图考虑这些，但我不太理解文档：http://www.opera.com/docs/specs/presto23/css/transitions/ – Volomike 2010-09-24 22:09:59

您可以使用SVG图像作为歌剧的背景。你甚至可以base64编码这些并将它们直接放入样式表中。我目前正试图找出如果最新的测试版（歌剧11）支持CSS渐变，但没有运气呢。

来源

2010-11-29 19:06:38

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

来源

2012-11-06 19:45:20 corymathews

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

回答

相关问题