我在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(及更高版本)支持多个阴影。