Chrome ブラウザーではbox-shadow、ホバー時に表の行のスタイルを設定することはできません。box-shadow をtd疑似クラス:first-childおよびに割り当てると、Chrome で機能します:last-child。(参考：テーブル行ボックス - ホバー時の影 (Webkit) )
box-shadowテーブル行のグロー効果に使用しようとしています。問題は、h-shadow または v-shadow の値がないbox-shadowと、表の行の中央にも表示されることです。
JSfiddle: http://jsfiddle.net/2nw4t/25/
tr:hover td {
-moz-box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.5);
}
この問題の解決策はdiv、jQuery でオーバーレイを配置することですが、CSS のみで実行できるかどうか疑問に思っています。