[Résolu] Problème de background qui ne change pas

Bonjour,

J'ai un petit soucis. J'ai une structure de type

<ul>
   <li> test </li>
   <li class="active"> active </li>
   <li> nonactive </li>
</ul>

avec mes css telles que

ul li:hover { background : #000; }
li.active:hover { background : #fff; }

Mon soucis est sous IE6 (bizarrement ). Il ne veut pas prendre en compte la deuxième propriété css plus imbriquée et plus spécifique donc...

Auriez-vous une idée?

Merci d'avance pour votre aide

Lu
Modifié par Luleen (03 Feb 2010 - 15:50)

Bonjour,

IE6 se sait pas appliquer les pseudo classes (donc :hover) sur un autre élément que <a>.

Oui pardon je me doutais que quelqu'un me ferait cette remarque (mais un peu tard) !

J'ai oublié de spécifier que j'ai ajouté un code js qui permet justement d'appliquer des background à n'importe quel élément.
Je me rends compte de mon problème "d'héritage" du fait que le fond apparait bien en hover sur mon li.active, mais c'est le fond du li, non du li.active.

Salut,

Donc concrètement, ignore tout simplement le fait que ce navigateur n'aura pas d'effet de survol à cet endroit là. Inutile de rajouter un lien non cliquable ou un bricolage dans le genre pour un effet sur ce vieux dinosaure d'IE6.

Si je pouvais faire selon mes envies, ce serait déjà fait
Mais c'est une contrainte obligatoire, malheureusement !

Et que se passe-t-il si tu essaye ceci :

ul li:hover { background : #000; }
ul li.active:hover { background : #fff; }

Déjà testé, et même résultat

En fait j'ai découvert la fonction hover de JavaScript donc c'est bon. Merci beaucoup