css - ロールオーバー時にテーブルの影を落としますか?

Question

マウスのロールオーバー時にテーブル (境界線の周り) にドロップシャドウ効果を与える必要があるだけです!

私はDIVに対してそれを行うことができますが、テーブルに対してそれを行う方法を見つけることができません.

どんな助けでも大歓迎です。

ありがとう

Answer 1

table:hover {
    box-shadow: 3px 3px 10px #999;
}

結果については、 http：//jsfiddle.net/pavloschris/JbWmK/2/を参照してください。

それがどういうわけかうまくいかない場合は、いつでもテーブルをdivでラップし、それにボックスシャドウを適用できます。

編集：これは明らかに古いブラウザでは機能しませんが、プレフィックスを使用できます。