>웹 프론트엔드 >CSS 튜토리얼 >내 사용자 정의 커서 이미지가 Mac의 Firefox에서 작동하지 않는 이유는 무엇입니까?

내 사용자 정의 커서 이미지가 Mac의 Firefox에서 작동하지 않는 이유는 무엇입니까?

DDD
DDD원래의
2024-11-07 16:46:02373검색

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 커서 키워드](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor )

위 내용은 내 사용자 정의 커서 이미지가 Mac의 Firefox에서 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.