box-shadow在Safari 5中无效

Question

在此代码中

box-shadow: 0 6px 0 #000000, 0 10px 0 #1578B1;

此

0 10px 0 #1578B1;

在Safari 5.0.5（Windows）中不起作用

任何解决方案

Answer 1

您的代码适用于我正在运行的Chrome版本，因此我冒昧地猜测它与您的Safari版本有关（顺便说一下，这有点旧）。

我建议在-webkit-box-shadow: 0 6px 0 #000000, 0 10px 0 #1578B1;之后添加box-shadow: 0 6px 0 #000000, 0 10px 0 #1578B1;，看看会发生什么。 （最佳实践实际上规定供应商特定代码应该在标准代码之前，但是你的Safari版本实际上似乎是行为不端，因为如果它不理解整个事情，它就不会忽略整条线。）

如果仍然不起作用，请将第二种颜色变为明显更轻的颜色。它可能 正在工作，但你的显示器显示蓝色太暗，你无法区分。

我做了一个小小的测试 - http://jsfiddle.net/E28CM/1/。如您所见，我没有更改您的盒子阴影代码，这段代码适用于我的浏览器。