CSS3 box-shadow + inset + RGBA

时间:2010-03-22 04:29:17

标签: css standards w3c css3

我正在使用CSS3的新功能进行一些测试,但这种组合仅适用于最新版本的Chrome和Firefox,但不适用于Safari或Opera:

box-shadow:         inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);

我真的不知道它们是否在盒子阴影本身,inset参数或RGBA颜色中失败。这是一个语法错误,或者只是Safari和Opera缺乏这个?

2 个答案:

答案 0 :(得分:3)

Safari 4不支持inset关键字,但Safari 5和Opera 10.5支持此关键字。检查您是否使用了每个版本的最新版本。

来源:

答案 1 :(得分:1)

这可能会对网络程序员有所帮助:opera box-shadow bug,但希望浏览器开发人员也能注意到这一点并解决这个微小但令人不快的问题。