>웹 프론트엔드 >CSS 튜토리얼 >CSS 호환성 문제this.style.cursor=''hand''_경험 교환

CSS 호환성 문제this.style.cursor=''hand''_경험 교환

WBOY
WBOY원래의
2016-05-16 12:04:221520검색

작성자: Luo Ke
이 문장을 먼저 보세요

코드 복사 코드는 다음과 같습니다.

< ;a href='#' onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'" onclick="document.getElementById('ShowContent'). innerHTML=''; return false;">
화면 지우기


IE에서는 문제가 없습니다. 마우스를 교차시키면 작은 손 모양이 나타납니다. 그러나 FF에서는 첫 번째 스트로크에만 유효합니다. 앵커 마크 A. 마우스 오버 작업의 결과가 아닌.
인터넷에 많이 찾아보니 다들 this.style.cursor='hand'를 this.style.cursor='pointer'로 바꾸면 된다고 하는데 FF에서는 마우스가 작은 손 위로 이동합니다.
실제로 FF 아래의 IE에서도 동일한 효과를 얻을 수 있습니다. 우리의 해결책은 CSS HACK을 사용하는 것입니다. (CSS HACK을 위해 이것을 추가했나요?)
코드 복사 코드는 다음과 같습니다.

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