Aller au contenu

Sujets conseillés

Posté

Salut,

J'ai un pb sous IE6 : je dois faire un hover, avec les images dans le code html (obligatoire). Je mets donc les 2 images dans le code, et je change leur display au survol.

Mais IE6 ne switche pas les images. Si quelqu'un sait comment débloquer ce pb, ce serait sympa.

Auto-réponse :

IE6 ne prendra pas en compte un :hover whatever s'il n'a pas d'abord fait un traitement sur le :hover.

Un simple background-position bidon sur le :hover suffit.

Merci

<a href="#" class="btn_rollover_01"><img src="images/btn_recette1_off.png" alt="" class="btn_off" /><img src="images/btn_recette1_on.png" alt="" class="btn_on" /></a>

a.btn_rollover_01 .btn_off
{
display : block;
width : 360px;
height : 43px;
}
a.btn_rollover_01 .btn_on
{
display : none;
}
a.btn_rollover_01:hover .btn_off
{
display : none;
}
a.btn_rollover_01:hover .btn_on
{
display : block;
width : 360px;
height : 43px;
}

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...