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

Question

是否有-moz-線性漸變或Opera等主流瀏覽器的一個-webkit傾斜型的CSS？

Answer 1

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

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