Question

我想在所有浏览器中使用css 3渐变来获得一个specefic元素。我使用http://www.colorzilla.com/gradient-editor来创建以下代码：

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

Answer 1

问题是Opera 11.0解决方案是Opera 11.1

http://caniuse.com/css-gradients

Answer 2

Opera11不是CSS渐变特色。

Answer 3

Safari 4 +，Chrome 1 +，Firefox 3.6+和Opera 11.10+现在支持CSS3渐变。请访问此处了解更多详情：www.css-tricks.com/css3-gradients/

Answer 4

这对你有用..

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

css3渐变在歌剧中不起作用

4 个答案: