Ce que j’écris ci-dessous est peut-être très simple pour la plupart des internautes, mais je ne le sais vraiment pas moi-même.
Il existe un morceau de HTML comme celui-ci :
<div>
<a href="#">
<img alt="je suis un img" src="img.jpg"/>
</a>
</div>
Généralement, la pseudo-classe CSS hover ne fonctionne pas pour les balises autres que la balise a (elle fonctionne dans le navigateur FF, mais pas dans IE6) : comme suit
img:hover{
border:1px solid #000;/*Ça marche sous FF mais pas sous IE6*/
}
Quel gâchis pour une si bonne pseudo-classe ! ! Cependant, il existe en fait un moyen d'implémenter la fonction de survol des balises non-a, comme suit :
a:hover img{
border:1px solid #000;/*peut être compris comme la balise img à l'intérieur d'un sur lequel la souris est activée*/
}
^0^ C'est très simple à mettre en œuvre, pas besoin de modifier des déclarations JS gênantes
Dédié aux amis qui aiment CSS, le contenu ci-dessus est l'humble opinion de l'auteur Xiao JOE, veuillez le réimprimer au célèbre auteur : Xiao JOE Adresse : http://xiebiji.com/2008/10/hover