Lo que escribo a continuación puede ser muy simple para la mayoría de los internautas, pero yo realmente no lo sé.
Hay un fragmento de html como este:
<div>
<a href="#">
<img alt="soy un img" src="img.jpg"/>
</a>
</div>
Generalmente, la pseudoclase CSS de desplazamiento no funciona para etiquetas distintas de la etiqueta a (funciona en el navegador FF, pero no en IE6): de la siguiente manera
img:hover{
border:1px solid #000;/*Funciona bajo FF pero no bajo IE6*/
}
¡Qué desperdicio de tan buena pseudoclase! ! Sin embargo, en realidad existe una manera de implementar la función de desplazamiento de etiquetas que no son a, de la siguiente manera:
a:hover img{
border:1px solid #000;/*puede entenderse como la etiqueta img dentro de un objeto en el que se encuentra el mouse*/
}
^0^ Es muy simple de implementar, no es necesario editar declaraciones JS problemáticas.
Dedicado a los amigos que aman CSS, el contenido anterior es la humilde opinión del autor Xiao JOE, reimprimalo para el famoso autor: Xiao JOE Dirección: http://xiebiji.com/2008/10/hover