safari - Safari 6：で、ボックスシャドウスプレッドが0に設定され、背景色の値が設定されている場合、ボックスシャドウはまったくレンダリングされません。

Question

これは、iOS6とSafari 6の両方で発生する最近導入されたバグのように見えます。他の誰かがこれに噛まれたことがありますか？

回避策は何でしょうか？実際にそのボックスシャドウをspread=0にする必要がある場合はどうなりますか？現在、スプレッド値を-1pxまたはに設定することで、シャドウをレンダリングできます。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/