Mengapa Kursor Tersuai CSS Saya dari Imej Luaran Tidak Berfungsi?

Menggunakan Imej Luaran untuk Kursor Tersuai CSS: Saiz dan Auto

Walaupun sokongan penyemak imbas untuk kursor tersuai CSS telah bertambah baik, masih terdapat beberapa pengehadan untuk disedari. Satu batasan tersebut ialah penggunaan URL imej luaran. Dalam contoh yang diberikan, kursor tersuai tidak berfungsi kerana URL imej terlalu besar.

Menurut dokumentasi, terdapat sekatan pada dimensi imej untuk kursor tersuai. Dalam Firefox, sebagai contoh, had saiz ialah 128x128px. Oleh itu, adalah penting untuk mengekalkan saiz imej dalam had ini.

Keperluan lain yang sering dilupakan ialah keperluan untuk memasukkan "auto" dalam pengisytiharan kursor. Bahagian ini menunjukkan tingkah laku kursor lalai sekiranya kursor tersuai tidak dapat dipaparkan atau tidak disokong.

Untuk melaksanakan imej luaran sebagai kursor tersuai dengan betul, pertimbangkan garis panduan berikut:

• Kekalkan dimensi imej dalam had yang disokong (cth., 128x128px untuk Firefox).
• Gunakan kedua-duanya URL imej dan "auto" dalam pengisytiharan kursor:

.test {
  background:gray;
  width:200px;
  height:200px;
  cursor:url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif), auto;
}

Dengan mengikut garis panduan ini, anda boleh menggunakan imej luaran dengan berkesan untuk meningkatkan daya tarikan visual halaman web anda dengan kursor tersuai.

Atas ialah kandungan terperinci Mengapa Kursor Tersuai CSS Saya dari Imej Luaran Tidak Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!