safari - Safari 6：在 上，当 box-shadow spread 设置为 0 并且设置了 background-color 值时，根本不会渲染 box-shadow

Question

这看起来像是最近引入的一个在 iOS6 和 Safari 6 上都出现的错误。还有其他人被这个咬过吗？

什么可能是解决办法？如果我们真的需要那个 box shadow 的 spread=0 怎么办？现在我们可以通过将 spread 值设置为-1pxor来渲染阴影1px

小提琴：http : //jsfiddle.net/uCseS/2/

Answer 1

这似乎确实是一个错误。但是，如果您使用rgba表示法作为背景颜色，阴影会重新出现。

img{
 background-color: rgba(255,255,0,0);
 box-shadow: #000 2px 2px 10px 0px;
 -webkit-transform: translate3d(2px, 5px, 0px); 
} ​

http://jsfiddle.net/willemvb/KuhQp/