Pourquoi mon image de curseur personnalisée ne fonctionne-t-elle pas dans Firefox sur Mac ?

Problème d'image de curseur personnalisé dans CSS

Vous essayez de changer l'image du curseur en loupe lorsque vous survolez des images spécifiques. Cependant, vous rencontrez des difficultés avec la règle CSS suivante :

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

Solution potentielle :

Il a été noté que le problème peut provenir du fait que les URL du curseur sont incompatible avec Firefox sur Mac.

Alternative spécifique à Firefox :

Pour obtenir l'effet souhaité dans Firefox, vous pouvez utiliser le mot-clé -moz-zoom-in :

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

Compatibilité des navigateurs :

Différents navigateurs prennent en charge différents mots-clés de curseur. Vous pouvez vous référer à une liste complète pour garantir la compatibilité sur plusieurs plates-formes :

• [Mots clés du curseur CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor )

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!