的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版本（这是一个有点旧，由t他的方式）。

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

如果仍然无法正常工作，请将第二种颜色转换为明显更轻的颜色。这可能是是工作，但您的显示器显示蓝色太黑，你不能分辨。

我已经做了一个小测试 - http://jsfiddle.net/E28CM/1/。正如你所看到的，我没有改变你的盒子阴影代码，并且这个代码在我拥有的浏览器中工作。