wake-up-neo.com

Hover-Effekte funktionieren nicht mit IE8

Ich habe CSS für einen Farbwechsel beim Hover für eine Tabelle verwendet

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

Dies funktioniert gut in Chrome und Firefox, aber der Hover-Effekt tritt in Internet Explorer 8 nicht auf.

Gibt es eine Möglichkeit, diesen Effekt auch mit IE8 zu erzielen?

htmlcssinternet-explorer-8hoverdoctype
14
Lazer

Das sollte in IE8 gut funktionieren.

Ein Stich in die Dunkelheit:

Stellen Sie sicher, dass Sie einen Doctype als erste Zeile in Ihrem HTML-Code haben, der den Standardmodus auslöst, z. B .:

<!DOCTYPE html>

Im Quirks-Modus emuliert IE Version 5.5, die :hover für andere Elemente als a nicht unterstützt.

32
thirtydot

IE8 ist nicht der übliche Täter für :hover-Probleme. Wenn Sie es nicht zum Laufen bringen können, gibt es immer jQuery!

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

meine Vermutung ist etwas Wackeliges in Ihrem HTML-Code für die Tabelle. Wie Sie an dieser schnellen und schmutzigen Geige sehen können, ist Ihre CSS a-ok:

http://jsfiddle.net/PwZsN/

0
Patricia