テーブルの背景をマウスオーバーで変える
お世話になります
よろしくお願いします
phpMyAdminをみてやってみようと思ったのですが
テーブルのセルをマウスオーバーで背景の変更はできないでしょうか？
FireFoxだとうまくいくのにIEだとうまくいきません。
IEは未対応と聞いたのですが
実際phpMyAdminでは動いています。
どうやれば一緒のことができるのでしょうか？
phpMyAdminからそれっぽいソースは見つけたのですが
うまくいきませんでした
<style type="text/css">
/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd {
background-color: #CCCCCC;
}
/* even table rows 2,4,6,8,... */
table tr.even th,
table tr.even {
background-color: #666666;
}
/* hovered table rows */
table tr.odd:hover,
table tr.even:hover,
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th,
table tr.hover {
background-color: #FFF000;
}
-->
</style>
<body>
<table>
<tr class="odd"><td>マウスを乗せると背景色が変わる</td><td>マウスを乗せると背景色が変わる</td></tr>
<tr class="even"><td>マウスを乗せると背景色が変わる</td><td>マウスを乗せると背景色が変わる</td></tr>
</table>
以上よろしくお願いします
お礼
ご回答ありがとうございます。 選択肢を別のjqueryで切り替え設定していたので できれば使いたくなかったのですが やっぱりjquery使用するしかなさそうですね…。