webkit 多个内联阴影答案

【问题标题】：webkit multiple inline shadowswebkit 多个内联阴影
【发布时间】：2010-05-02 04:11:57
【问题描述】：

我无法在 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 中的单个元素上设置多个阴影？

【问题讨论】：

标签： safari webkit css

【解决方案1】：

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

如您所见，仅从 Safari 4.0（更高版本）开始支持多个阴影。

【讨论】：