Maison  >  Article  >  interface Web  >  Pourquoi mon image de curseur personnalisée ne fonctionne-t-elle pas dans Firefox sur Mac ?

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

DDD
DDDoriginal
2024-11-07 16:46:02327parcourir

Why is my custom cursor image not working in Firefox on 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn