Apa yang saya tulis di bawah ini mungkin sangat sederhana bagi sebagian besar netizen, namun saya sendiri sebenarnya tidak mengetahuinya.
Ada potongan html seperti ini:
<div>
<a href="#">
<img alt="Saya seorang img" src="img.jpg"/>
</a>
</div>
Secara umum, kelas semu CSS hover tidak berfungsi untuk tag selain tag a (berfungsi di browser FF, tetapi tidak di IE6): sebagai berikut
img:hover{
border:1px solid #000;/*Ia berfungsi pada FF tetapi tidak pada IE6*/
}
Sungguh menyia-nyiakan kelas semu yang bagus! ! Namun sebenarnya ada cara untuk mengimplementasikan fungsi hover pada tag non-a, sebagai berikut:
a:hover img{
border:1px solid #000;/*dapat dipahami sebagai tag img di dalam tempat mouse berada*/
}
^0^ Implementasinya sangat sederhana, tidak perlu mengedit pernyataan JS yang merepotkan!
Didedikasikan untuk teman-teman yang menyukai CSS, konten di atas adalah pendapat sederhana dari penulis Xiao JOE, silakan cetak ulang ke penulis terkenal: Xiao JOE Alamat: http://xiebiji.com/2008/10/hover