Was ich unten schreibe, mag für die meisten Internetnutzer sehr einfach sein, aber ich weiß es selbst wirklich nicht.
Es gibt ein Stück HTML wie dieses:
<div>
<a href="#">
<img alt="ich bin ein img" src="img.jpg"/>
</a>
</div>
Im Allgemeinen funktioniert die Hover-CSS-Pseudoklasse nicht für andere Tags als das a-Tag (sie funktioniert im FF-Browser, aber nicht in IE6): wie folgt
: img:hover{
border:1px solid #000;/*Es funktioniert unter FF, aber nicht unter IE6*/
}
Was für eine Verschwendung einer so guten Pseudoklasse! ! Es gibt jedoch tatsächlich eine Möglichkeit, die Hover-Funktion von Nicht-A-Tags wie folgt zu implementieren:
a:hover img{
border:1px solid #000;/*kann als das img-Tag innerhalb von a verstanden werden, auf dem sich die Maus befindet*/
}
^0^ Es ist sehr einfach zu implementieren, es ist nicht erforderlich, mühsame JS-Anweisungen zu bearbeiten.
Der obige Inhalt ist den Freunden gewidmet, die CSS lieben. Er ist die bescheidene Meinung des Autors Xiao JOE. Bitte drucken Sie ihn erneut an den berühmten Autor: Xiao JOE Adresse: http://xiebiji.com/2008/10/hover