Mengapa Imej Kursor Tersuai Saya untuk Pembesaran Imej Tidak Berfungsi dalam Firefox?

Imej Kursor Tersuai untuk Pembesaran Imej

Jika anda bertujuan untuk meningkatkan pengalaman pengguna dengan menggantikan kursor lalai dengan imej tersuai seperti pembesar kaca apabila menuding pada elemen imej tertentu, CSS boleh menawarkan penyelesaian. Walau bagaimanapun, gelagat yang tidak dijangka mungkin timbul.

Dalam contoh yang diterangkan, URL kursor ditakrifkan menggunakan CSS:

a.heroshot img {
  cursor:url(/img/magnify.cur), pointer;
}

Walaupun kursor magnify.cur terletak dengan betul, kod ini dipaparkan secara tidak berkesan. Pertanyaan mendedahkan bahawa tingkah laku ini berpunca daripada isu keserasian dengan Firefox pada platform Mac. Untuk Firefox, penyelesaian JavaScript atau pendekatan alternatif diperlukan.

Keserasian Firefox

Untuk Firefox, mekanisme URL kursor tidak disokong. Sebagai alternatif, kata kunci "-moz-zoom-in" boleh digunakan untuk mencapai kesan yang serupa.

cursor:url(/img/magnify.cur), -moz-zoom-in, auto;

Dengan pengubahsuaian ini, Firefox akan mengutamakan paparan magnify.cur, diikuti oleh Mozilla-khusus kursor zum atau kursor sistem sandaran.

Keserasian Penyemak Imbas

Kata kunci kursor dan sokongannya berbeza-beza merentas penyemak imbas. Untuk rujukan menyeluruh, rujuk sumber terpaut yang disediakan dalam jawapan asal, yang memperincikan kata kunci kursor yang serasi untuk pelbagai penyemak imbas.

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