webkit多个内联阴影

Question

我无法在webkit中的一个元素上设置多个阴影：

-moz-box-shadow: inset 0 0 3px #999, 0 0 5px #fff;
-webkit-box-shadow: inset 0 0 3px #999, 0 0 5px #fff;
box-shadow: inset 0 0 3px #999, 0 0 5px #fff;

它在firefox中工作正常，但safari只显示插入阴影。我试图分别设置两个值。但是safari只计算了最后一个值：

-webkit-box-shadow: inset 0 0 3px #999;
-webkit-box-shadow: 0 5px #fff;

是否可以在safari / webkit中的单个元素上设置多个阴影？

Answer 1

这听起来很愚蠢，但我认为WebKit特定的CSS 3功能的最佳文档是在... MDC，在您的情况下，相关页面是-moz-box-shadow。它包含一个包含多个阴影的框的示例，一个指向包含more examples的网页的链接，以及一个compatibility table。

如您所见，Safari 4.0（以后版本）仅支持多个阴影。