Safari 사용자 정의 커서가 작동하지 않습니다.

많은 핫스팟이있는 이미지 맵용 사용자 정의 커서가 있습니다. 내 커서가 Firefox와 Internet Explorer에서 제대로 작동하지만 Safari가 기본 커서를 반환합니다.Safari 사용자 정의 커서가 작동하지 않습니다.

다른 웹 사이트에서 찾은 코드를 사용했습니다. 내 디렉토리 구조는 다음과 같습니다

의 index.php> CSS/main.css가> CSS/이미지/

내 구현 pencil.cur (I 정상과 모두에 대해 동일한 사용자 정의 커서를 필요에 유의하시기 바랍니다 : 호버과 : 방문 국가 :

#gameScreen area, #gameScreen .wrapper, #gameScreen .wrapper a:hover, #gameScreen .wrapper a:visited { 
    cursor: url("images/rcspencil.cur"),url("css/images/rcspencil.cur"),default; 
}

어떤 아이디어

출처

2011-11-11 mauzilla

여기에 내가 생각할 수있는 가장 브라우저 호환되는 구문이다가 하나 더 나은 브라우저 해킹 함께 할 수도 있지만 나는 그것을 무시하는 것입니다..

cursor: url(cursor.cur),url(cursor/cursor.cur),default;

인용문으로 인해 작동하지 않을 것이라고 생각하지 않지만 사용하지 않으려 고 시도해보십시오. 내가 생각할 수있는 유일한 다른 점은 선택기가 잘못되었다는 것입니다. 목록에있는 선택기에 사용자가 마우스를 올리면 포함되지 않은 것입니다.

출처

2011-11-11 07:41:11 alt

나는 (각 가능한 선택기를 포함하도록) 코드를 변경했지만 Safari에서도 여전히 동일한 문제를 수정했습니다. Chrome에서 커서는 호버 (hover) 상태를 제외하고는 작동합니다. 이것은 실망 스럽다 !!!! #game 화면 영역, #game 화면 .wrapper, #game 화면 .wrapper a : 호버, #gameScreen img { 커서 : url (cursor/cursor.cur), url (cursor.cur), default; } #gameImg, #gameImg 영역, #gameImg 영역 a, #gameImg 영역 a : 마우스 오버, #gameImg a, #gameImg a : hover { 커서 : url (cursor/cursor.cur), url (cursor.cur),태만; } – mauzilla

아이콘의 크기를 조정하여 문제를 해결했습니다. Webkit 브라우저는 50px x 50px 미만의 아이콘이 필요합니다. 68x68px를 40x40px로 크기 조정하고 Jackson Gariety가 제공 한 CSS와 함께 작동합니다. – mauzilla

@MauritzSwanepoel Safari (5.1.7, Snow Leopard 10.6)를 발견했습니다. 8)은 64x64px 맞춤 URL 커서를 처리 할 수 있습니다. 또한 따옴표를 사용하여 (나를 위해) 물건을 깨지는 않지만, 똑같이 다른 CSS 이미지와 마찬가지로 실제로는 필요하지 않습니다. –

Safari 사용자 정의 커서가 작동하지 않습니다.

답변

관련 문제