【问题标题】:CSS3 not cross-browser renderingCSS3 不能跨浏览器渲染
【发布时间】:2012-02-10 13:12:49
【问题描述】:

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

【问题讨论】:

  • 我觉得背景剪辑有问题,但我似乎无法弄清楚。

标签: css gradient


【解决方案1】:

还将color 属性更改为transparent

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-07-06
    • 1970-01-01
    • 2021-10-18
    • 1970-01-01
    • 2011-05-22
    • 1970-01-01
    • 1970-01-01
    • 2011-11-24
    相关资源
    最近更新 更多