CSS3盒子阴影+内嵌+RGBA

Question

我正在测试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);

我真的不知道它们是在box-shadow本身、插入参数还是RGBA颜色方面失败了。这是语法错误，还是Safari和Opera在这方面缺乏支持？

- Htechno

Answer 1

inset关键字在Safari 4中不受支持，但在Safari 5和Opera 10.5中受支持。请确保您正在使用每个浏览器的最新版本。

来源：

• https://developer.mozilla.org/En/CSS/-moz-box-shadow#Browser_compatibility
• http://dev.opera.com/articles/view/css3-border-background-boxshadow/#box-shadow

- Ron DeVera

---

哇，我以为Safari更新得更多...但这并不是什么大损失，因为Safari不能在我的GNU/Linux系统上运行。 - Htechno

Answer 2

这可能会对网页程序员有所帮助：Opera box-shadow bug，但希望浏览器开发人员也能注意到并修复这个微小但令人不愉快的问题。

- jQuery templates