สิ่งที่ฉันเขียนด้านล่างนี้อาจเป็นเรื่องง่ายสำหรับชาวเน็ตส่วนใหญ่ แต่ฉันเองก็ไม่ทราบจริงๆ
มี html ส่วนหนึ่งดังนี้:
<div>
<a href="#">
<img alt="ฉันเป็น img" src="img.jpg"/>
</a>
</div>
โดยทั่วไป คลาสหลอก CSS ของ hover จะไม่ทำงานกับแท็กอื่นที่ไม่ใช่แท็ก (ใช้งานได้ในเบราว์เซอร์ FF แต่ไม่ใช่ใน IE6): ดังนี้
img:hover{
border:1px solid #000;/*ใช้งานได้กับ FF แต่ไม่รองรับ IE6*/
-
ช่างเป็นการเสียเปรียบคลาสหลอกที่ดีเช่นนี้! - อย่างไรก็ตาม จริงๆ แล้วมีวิธีการใช้งานฟังก์ชันโฮเวอร์ของแท็กที่ไม่ใช่แท็ก ดังนี้:
a:hover img{
border:1px solid #000;/*สามารถเข้าใจได้ว่าเป็นแท็ก img ภายใน a ที่เมาส์เปิดอยู่*/
-
^0^ ใช้งานง่ายมาก ไม่จำเป็นต้องแก้ไขคำสั่ง JS ที่ยุ่งยาก!
เนื้อหาข้างต้นเป็นความคิดเห็นอันต่ำต้อยของผู้เขียน Xiao JOE โดยเฉพาะ โปรดพิมพ์ซ้ำให้กับผู้เขียนชื่อดัง: Xiao JOE ที่อยู่: http://xiebiji.com/ 2008/10/hover