CSS3不是跨浏览器渲染

时间:2012-02-10 13:12:49

标签: css css3 gradients

我有CSS3渐变和CSS3背景剪辑,但Firefox,Safari和IE不会渲染它们。这是我的代码:

我试过用于IE的pogid过滤器,但没有。

谢谢!

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

1 个答案:

答案 0 :(得分:0)

同时将color属性更改为transparent

示例:http://jsfiddle.net/E22wh/