CSS3不是跨浏览器渲染

Question

我有CSS3渐变和CSS3背景剪辑，但是火狐，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;

Answer 1

还要将color属性更改为transparent

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