web-dev-qa-db-ja.com

IE8でホバー効果が機能しない

テーブルのホバー時の色の変更にCSSを使用しました

#tabb tbody tr:hover td{
    color:#006;
    background:#d0e4f2;
}

これはChromeおよびFirefoxでは正常に機能しますが、ホバー効果はInternet Explorer8では発生しません。

この効果をIE8でも機能させる方法はありますか？

htmlcssinternet-explorer-8hoverdoctype
14
Lazer

そのshouldはIE8で正常に動作します。

暗闇の中での刺し傷：

次のように、標準モードをトリガーするHTMLの最初の行として doctype があることを確認してください。

<!DOCTYPE html>

Quirksモード では、IEはバージョン5.5をエミュレートします。これは、a以外の要素で:hoverをサポートしていません。

32
thirtydot

IE8は、:hoverの問題の通常の原因ではありません。それを機能させることができない場合は、常にjQueryがあります！

$("#tabb tbody tr").hover(
    function() {
        $("this").children("td").css( { 'background-color': '#d0e4f2', 'color': '#006' } );
    },
    function() {
        $("this").children("td").css( { ... } );
    }
);
3
Wex

私の推測では、テーブルのhtmlコードに何か奇妙なものがあります。この速くて汚いフィドルで見ることができるように、あなたのcssは大丈夫です：

http://jsfiddle.net/PwZsN/

0
Patricia