CSS3线性渐变和Opera？

Question

Opera浏览器是否支持线性渐变？什么是语法？ 由于

Answer 1

否，歌剧院不支持CSS3的线性梯度。但是，您可以使用svg作为背景。这里是带有渐变的简单svg文件的内容：

<svg xmlns="http://www.w3.org/2000/svg" version="1.0"> 
    <defs> 
     <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="100%"> 
      <stop offset="0%" style="stop-color: #9c0000;"/> 
      <stop offset="100%" style="stop-color: #590000;"/> 
     </linearGradient> 
    </defs> 

    <rect x="0" y="0" fill="url(#gradient)" width="100%" height="100%" /> 
</svg> 

Answer 2

不，但已经宣布很快。我的猜测是三月。

Answer 3

没有，但这里是最好的解决方案。

转到Photoshop中，制作一个大屁股梯度任何方向可以说2560px X 20像素

使用“另存为网页”为JPG，使用和质量的任何％，但其保存为2560px x 1像素的来代替。

使用它作为与重复-X的背景图像或重复-Y重复任何需要延长1px的宽度/高度....它将仅仅花费您一两个千字节。

Answer 4

AS 2011年8月的YES，歌剧确实支持线性渐变。

在Gradients in Internet Explorer 9如何使用它，你可以看到。

简述：

/* Opera */ 
background-image: -o-linear-gradient(top, #444444 0%, #999999 100%); 

希望它可以帮助你。