Mengapa Kursor CSS Tersuai Saya Tidak Berfungsi dalam Firefox dan Chrome?

Kursor CSS Tersuai Tidak Berfungsi dalam Firefox dan Chrome

Menyesuaikan kursor dengan CSS boleh meningkatkan pengalaman pengguna dengan menyediakan maklum balas visual yang unik dan menarik . Walau bagaimanapun, adalah penting untuk memastikan keserasian merentas penyemak imbas untuk mengelakkan percanggahan.

Dalam senario khusus anda, kod berikut digunakan untuk mencipta kursor tersuai:

<code class="css">body { cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'); }</code>

Walaupun kod ini mungkin berfungsi dalam penyemak imbas tertentu, ia menghadapi isu dalam Firefox dan Chrome. Sebab asasnya bukan semata-mata ketiadaan hujah kedua dalam kod tetapi juga saiz imej itu sendiri.

Mengubah saiz imej kepada skala yang lebih kecil, seperti 32px, membolehkan kursor tersuai berfungsi dengan betul. Selain itu, menyatakan "penunjuk" dan bukannya "auto" adalah disyorkan, dengan mengambil kira penampilan imej.

<code class="css">cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), pointer;</code>

Nota: Mengekalkan saiz imej asal semasa menggunakan kursor tersuai bukanlah disokong dalam semua pelayar. Untuk mendapatkan maklumat lanjut tentang pengehadan ini, rujuk dokumentasi Rangkaian Pembangun Mozilla tentang sifat kursor.

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