18073 sujets

Questions générales et questions de débutants

Hover suivi d'une classe

Bonjour j'ai un problème sous IE.
j'utilise le css suivant:

.bigBouton:hover .survol {
display:block;
}

ça marche sans probleme dans FF mais ça ne fonctionne pas sous IE. Quelqu'un pourrait m'indiquer comment résoudre le problème?
Salut,

IE ne connait que a:hover. Tu peux t'en débruiller avec un js du style csshover.htc. Voir Google.
Modifié par papyjo (03 Mar 2006 - 11:04)
ma classe bigBouton est appliqué à un a href.
Voila mon code html:

<a href="#" class="bigBouton"><img src="images/bouton-bons-plans.jpg" alt="Les bons plans" class="fixe"><img src="images/bouton-bons-plans-hover.jpg" alt="Les bons plans" class="survol"></a>


en fait le but est de faire un survol sur mon bouton:
Voila le code css complet qui est sensé gérer ça.

.bigBouton {
margin:50px 50px 0 50px;
padding:0;
border:1px solid #000;
display:block;
height:105px;
width:155px;
}
.bigBouton img {
border:0;
}
.bigBouton .survol {
display:none;
}
.bigBouton:hover .survol {
display:block;
}
.bigBouton:hover .fixe {
display:none;
}
Bonjour,
Il serait plus simple pour pouvoir identifier exactement l'origine
de ton problème d'avoir un description exacte de ce que ne fonctionne pas
sous IE, ou mieux avoir un lien si possible Smiley cligne
Modifié par Hermann (03 Mar 2006 - 13:16)
et bien j'ai réussi à régler mon probleme mais en utilisant une méthode complètement différente.

Mais sinon je pense que IE ne gère pas l'instruction suivante:

.classe1:hover .classe2
Effectivement, c'est de que papyjo voulait dire Smiley cligne : IE ne reconnait pas la pseudo-classe "hover" si elle n'est pas appliquée à la balise <a>
Administrateur
Bonjour,

maniT4c a écrit :
et bien j'ai réussi à régler mon probleme mais en utilisant une méthode complètement différente.

pourrais-tu faire profiter les autres de cette méthode? Cela peut servir à quelqu'un passant dans 6 mois via la fonction recherche. Smiley smile

Sinon le sujet est [Résolu], n'est-ce pas? Smiley cligne

Felipe
Bonjour,
Sopo a écrit :
Effectivement, c'est de que papyjo voulait dire Smiley cligne : IE ne reconnait pas la pseudo-classe "hover" si elle n'est pas appliquée à la balise <a>

Salut, si la classe est appliquée à une balise <a>, alors pas de problème, quelque chose comme 
.classe1:hover {}

marche sous IE.
D'ailleurs
.classe1:hover .classe2

fonctionnerait aussi avec IE, mais il y a un petit bug qu'on peut assez facilement régler.
Modifié par Alan (04 Mar 2006 - 03:52)
Sujet clos
Aller à