css - Google Chrome tbody インセット シャドウが機能しない

Question

テーブルの thead 要素にインセット シャドウを適用しようとしています。FireFox では動作しますが、Chrome と Safari では動作しません。

http://jsfiddle.net/jACGx/2/

tbody {
-webkit-box-shadow: 0 0px 5px rgba(180,180,180,1) inset; 
-moz-box-shadow:0 0px 5px rgba(180,180,180,1) inset;
box-shadow: 0 0px 5px rgba(180,180,180,1) inset; 
}

ご意見をお聞かせください！

Answer 1

シャドウを td に適用してみてください:

td{
-webkit-box-shadow: 0 0px 5px rgba(180,180,180,1) inset; 
-moz-box-shadow:0 0px 5px rgba(180,180,180,1) inset;
box-shadow: 0 0px 5px rgba(180,180,180,1) inset; 
}

その効果はあなたが探しているものですか？