CSS3 不能跨浏览器渲染

Question

我有 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;

Answer 1

同时将 color 属性更改为 transparent

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