web-dev-qa-db-fra.com

Les effets de survol ne fonctionnent pas avec IE8

J'ai utilisé CSS pour un changement de couleur en survol pour une table

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

Cela fonctionne bien dans Chrome et Firefox, mais l'effet de survol ne se produit pas dans Internet Explorer 8.

Existe-t-il un moyen de faire fonctionner cet effet avec IE8 également?

htmlcssinternet-explorer-8hoverdoctype
14
Lazer

Ce devrait fonctionne bien dans IE8.

Un coup de poignard dans le noir:

Assurez-vous que vous avez un doctype en tant que première ligne de votre code HTML déclenchant le mode Standards, tel que:

<!DOCTYPE html>

Dans Mode Quirks , IE émule la version 5.5, qui ne prend pas en charge :hover sur des éléments autres que a.

32
thirtydot

IE8 n’est pas le coupable habituel des problèmes :hover. Si vous ne pouvez pas le faire fonctionner, il y a toujours jQuery!

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

je suppose qu'il y a quelque chose de malicieux dans votre code html pour la table. comme vous pouvez le voir sur ce violon rapide et sale, votre css est a-ok:

http://jsfiddle.net/PwZsN/

0
Patricia