我在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浏览器只计算最后一个值:

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


在Safari / Webkit中的单个元素上可以设置多个阴影吗?

最佳答案

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

如您所见,仅Safari 4.0(及更高版本)支持多个阴影。

10-05 21:06
查看更多