- ベストアンサー
テーブルの背景をマウスオーバーで変える
お世話になります よろしくお願いします 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> 以上よろしくお願いします
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんにちは。 先の方がおっしゃる通り、IEでhoverが有効なのは<a>だけのようですね。 実際に table tr.odd:hover ・・・{ background-color:#FFF00; } と言う部分を全て table tr.odd a:hover ・・・{ background-color:#FFF00; } にし、TDタグの内容に全てリンクを設置したら成功しました。 リンクを貼って、CSSでリンクを普通のテキストのように装飾してごまかすか、javascriptを利用するのがよいと思います。
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
IE6以前でhoverがきくのはアンカーだけですからね。 もしどうしても必要があるならjavascriptで実現することになります
お礼
ありがとうございます。 やはりどうやってもダメでした。 Javascriptを使おうと思います。
お礼
ありがとうございます。 やはりどうやってもダメでした。 Javascriptを使おうと思います。
補足
返信ありがとうございます できればCSSのみで対応したかったのですが 無理でした。