커서 유형 포인터가 사용되지 않습니까?

Question

div에 cursor:pointer을 사용해 보았지만 여전히 기본 커서 유형을 가져 왔습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

다른 라이브 사이트도 확인했는데이 문제는 계속 발생합니다. 그것은 비난되었거나 내가 뭔가 잘못하고 있는지 확실하지 않습니다.

div{ 
 
    width:100px; 
 
    height:100px; 
 
    background:red; 
 
} 
 
div:hover{ 
 
    cursor:pointer 
 
}

<div> 
 

 
</div>

Answer 1

사용

반복적으로 두 가지 속성을 사용하여

div:hover{ 
    cursor: pointer; 
    cursor: hand; 
} 

는 유효/지원되지 않는 값으로 하나의 CSS 사양에 따라 무시되며, 다음 줄은 것 실행.

나는 넷스케이프 네비게이터/인터넷 익스플로러가 전쟁을하기 때문에 이것을 수년간 사용하고 있으며 때로는 두 가지를 모두 사용해야하는 경우가 있습니다.

Answer 2

here에서 확인할 수 있으므로 더 이상 사용되지 않습니다. 브라우저 호환성 정보도이 웹 사이트에 있습니다.

이 웹 site과의 호환성을 확인할 수 있습니다. 전체 정보를 얻으려면.

Answer 3

커서 포인터가 손상되지 않아 브라우저에 버그가있을 수 있습니다. 이 예에서는 커서 유형을 구분할 수 있습니다. 귀하의 빠른 응답 Also check this website for reference

#a1{ 
 
    width:100px; 
 
    height:100px; 
 
    background:red; 
 
} 
 
#a2{ 
 
    width:100px; 
 
    height:100px; 
 
    background:blue; 
 
} 
 
#a3{ 
 
    width:100px; 
 
    height:100px; 
 
    background:green; 
 
} 
 
#a3:hover{ 
 
    cursor:default 
 
} 
 
#a2:hover{ 
 
    cursor:pointer 
 
} 
 
#a1:hover{ 
 
    cursor:help 
 
}

<div id="a1"> 
 

 
</div> 
 
<div id="a2"> 
 

 
</div > 
 
<div id="a3"> 
 

 
</div >

Answer 4

감사합니다. 너희들은 그것을 믿지 않을거야. 코멘트에서 luciferous에 의해 제안했다. 나는 포토샵에서 벗어나려고 노력했다. GEM처럼 작동했습니다. 그러나 브라우저 커서 포인터를 처리하기 위해 포토샵을 끄는 이유가 무엇인지 몰라. 그러나 여전히 문제는 해결되었습니다. 이것은 재미있는 해결책 일지 모르지만 작동했습니다.