Discussion :

[alpha232]

Bonjour à tous.
J'ai un tableau html auquel j'ai associé une feuille css.
Dans le css, j'ai prévu un hover qui colore la ligne survolée par la souris.
Le hic, c'est que sous IE, le hover fait ramer la machine, alors qu'avec firefox , ou chrome, cela fonctionne bien.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.table01 tr:hover
{
     background-color:#6CC;
}

Comment peut-on faire pour que cela fonctionne aussi sous IE?

Alpha.

[Bovino]

sous IE, le hover fait ramer la machine

C'est-à-dire ?

[c_s_s]

Comment peut-on faire pour que cela fonctionne aussi sous IE?

Il n'y a rien à faire, ça fonctionne déjà sous IE7 et plus.

Tu as l'adresse de la page pour tester ?

[alpha232]

Je ne sais pas donner d'adresse web parce que le site est en cours de developpement en local sur ma machine, mais en quelques mots, c'est une page php qui renvoie un tableau d'environ 1000 lignes.
Lorsque je suis sous IE (7 & 8), il faut plusieurs secondes pour que le hover sur la ligne survolée se fasse, alors que sous irefox ou chrome, c'est instantané...

Alpha.

[c_s_s]

A part un souci de performances du navigateur lui même, je ne vois pas d'où ça peut venir.

Ca ne devrait rien changer mais as-tu essayé de mettre le :hover sur les td plutôt que les tr ?

[Macmillenium]

A part un souci de performances du navigateur lui même, je ne vois pas d'où ça peut venir.

Mode Quirks?

@alpha232, as-tu un doctype complet et valide?

[c_s_s]

Le mode quirks peut faire ralentir l'exécution d'une propriété CSS ?
A la limite, que ça ne fonctionne pas du tout, ok, mais que ça s'exécute à retardement...

Enfin peut-être.

[Macmillenium]

A la limite, que ça ne fonctionne pas du tout, ok, mais que ça s'exécute à retardement...

Au temps pour moi, j'avais mal lu

[Bovino]

Il s'agit d'un problème de reflow avec IE.
En résumé, plus tu multiplies les zones à redéfinir, plus la réaction est lente
http://code.google.com/intl/fr/speed...rendering.html
http://ajaxian.com/archives/browser-...ct-performance

When a strict doctype is used, :hover on non-anchors may cause performance degradation.

[alpha232]

Est-il possible de n'activer certains css pour firefox /chrome, etc..... et les desactiver pour IE, afin d'associer aux tr, un code js qui va jouer le role de hover ?

[Bovino]

Oui, en utilisant les commentaires conditionnels. Mais n'oublie pas que même si le problème n'est flagrant et gênant que pour IE, il existe malgré tout pour tous les navigateurs