2012-02-23 54 views
1

我想在所有浏览器中使用css 3渐变作为specefic元素。我使用http://www.colorzilla.com/gradient-editor为它创建下面的代码:css3渐变不能在歌剧中工作

background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0); 

它正常工作在所有主要的浏览器除了Opara。
什么是问题和解决方案?我正在使用Opera 11.0

+0

http://caniuse.com/css-gradients – Andrew 2012-02-23 16:11:21

+0

我看不出有什么毛病你的CSS也许有一个问题在其他地方... – 2012-02-23 16:12:14

+0

可能的重复[如何在Opera中创建CSS3渐变?](http://stackoverflow.com/questions/4084614/how-can-you-create-a-css3-gradient-在歌剧) – Jacob 2012-02-23 22:08:58

回答

1

Opera11不CSS梯度特征。

0

这会为你工作..

background-image: -o-linear-gradient(90deg,rgb(18,79,126),rgb(59,137,197));