O que escrevo abaixo pode ser muito simples para a maioria dos internautas, mas eu realmente não sei.
Existe um pedaço de HTML como este:
<div>
<a href="#">
<img alt="eu sou um img" src="img.jpg"/>
</a>
</div>
Geralmente, a pseudoclasse CSS hover não funciona para tags diferentes da tag a (funciona no navegador FF, mas não no IE6): como segue
img:hover{
border:1px solid #000;/*Funciona no FF, mas não no IE6*/
}
Que desperdício de uma pseudo-aula tão boa! ! No entanto, existe na verdade uma maneira de implementar a função hover de tags não-a, como segue:
a:hover img{
border:1px solid #000;/*pode ser entendido como a tag img dentro de onde o mouse está*/
}
^0^ É muito simples de implementar, não há necessidade de editar declarações JS problemáticas.
Dedicado a amigos que amam CSS, o conteúdo acima é a humilde opinião do autor Xiao JOE, reimprima-o para o famoso autor: Xiao JOE Endereço: http://xiebiji.com/2008/10/hover