Problème Firefox/IE Css hover
Bonjour.
Désolé pour le double post, mais il est maintenant loin x).
Voici mon code css:
.ger { background: url("../../images/ger.png")no-repeat; margin-top: 50px; margin-left: 300px; height: 240px; float: left; width: 135px; }
.ger:hover { background:url("../../images/gerf.png"); }
Mon problème, c'est que sous Google Chrome, aucun problème, l'image change sur survol du curseur. Mais sous IE ou firefox, elle reste a ''ger.png".
Merci !
Désolé pour le double post, mais il est maintenant loin x).
Voici mon code css:
.ger { background: url("../../images/ger.png")no-repeat; margin-top: 50px; margin-left: 300px; height: 240px; float: left; width: 135px; }
.ger:hover { background:url("../../images/gerf.png"); }
Mon problème, c'est que sous Google Chrome, aucun problème, l'image change sur survol du curseur. Mais sous IE ou firefox, elle reste a ''ger.png".
Merci !
2 réponses
-
essaye peut être aussi de voir si le problème ne vient pas de l'image, en essayant de modifier un autre attribut au survol, par exemple la couleur du contour...
-
il faudrait le code html pour qu'on y voit plus clair.
sinon 2 choses à essayer :
- utilises les id au lieu des classes
#ger {
#ger:hover {
- ou alors, conserver les classes mais préciser la balise
div.ger {
div.ger:hover {
