ホームページ > 記事 > ウェブフロントエンド > カスタム カーソル画像が Mac 上の Firefox で機能しないのはなぜですか?
CSS のカスタム カーソル画像の問題
特定の画像の上にマウスを置いたときに、カーソル画像を虫眼鏡に変更しようとしています。ただし、次の CSS ルールで問題が発生しています:
a.heroshot img { cursor:url(/img/magnify.cur), pointer; }
考えられる解決策:
この問題は、カーソル URL が次のように設定されていることが原因である可能性があることが指摘されています。 Mac 上の Firefox とは互換性がありません。
Firefox 固有の代替案:
Firefox で目的の効果を実現するには、-moz-zoom-in キーワードを使用できます:
cursor:url(/img/magnify.cur), -moz-zoom-in, auto;
ブラウザの互換性:
さまざまなブラウザがさまざまなカーソル キーワードをサポートしています。複数のプラットフォーム間での互換性を確保するための包括的なリストを参照できます:
以上がカスタム カーソル画像が Mac 上の Firefox で機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。