Rumah >hujung hadapan web >tutorial css >keserasian css issuethis.style.cursor=''hand''_Pertukaran pengalaman

keserasian css issuethis.style.cursor=''hand''_Pertukaran pengalaman

WBOY
WBOYasal
2016-05-16 12:04:221525semak imbas

Pengarang: Luo Ke
Lihat ayat ini dahulu

Salin kod Kodnya adalah seperti berikut:

< ;a href='#' onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'" onclick="document.getElementById('ShowContent'). innerHTML=''; return false;">
Kosongkan skrin


Tiada masalah di bawah IE Apabila tetikus bersilang, bentuk tangan kecil akan muncul, tetapi, dalam FF, ia hanya sah untuk pukulan pertama daripada tanda sauh A. Daripada hasil kerja onmouseover.
Saya banyak mencari di Internet, dan mereka semua berkata bahawa hanya tukar this.style.cursor='hand' kepada this.style.cursor='pointer', tetapi dalam FF, ia hanya muncul buat kali pertama apabila tetikus digerakkan ke atasnya.
Malah, adalah mungkin untuk mencapai kesan yang sama dalam IE di bawah FF. Penyelesaian kami ialah menggunakan CSS HACK (adakah saya menambah ini untuk CSS HACK haha?)
Salin kod Kodnya adalah seperti berikut:

Lulus ujian dalam IE7 dan FF3.0.3.
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn