ホームページ  >  記事  >  ウェブフロントエンド  >  カスタム カーソル画像が Mac 上の Firefox で機能しないのはなぜですか?

カスタム カーソル画像が Mac 上の Firefox で機能しないのはなぜですか?

DDD
DDDオリジナル
2024-11-07 16:46:02329ブラウズ

Why is my custom cursor image not working in Firefox on Mac?

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;

ブラウザの互換性:

さまざまなブラウザがさまざまなカーソル キーワードをサポートしています。複数のプラットフォーム間での互換性を確保するための包括的なリストを参照できます:

  • [CSS Cursor Keywords](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) )

以上がカスタム カーソル画像が Mac 上の Firefox で機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。