테스트 환경
- 날짜 : 2010년 12월 22일
- OS : Windows Vista
- jQuery : 1.4.4
- IE : 8.0
- Firefox : 3.6.13
- Chrome : 8.0.552.224
- Safari : 5.0.3
다음과 같이 크기가 지정된 div에서 클릭 이벤트를 처리하고 싶은 경우에 IE만 클릭이벤트가 발생하지 않는다. (IE는 항상 문제다.) 경계를 지정된 경우에는 경계를 클릭하면 이벤트가 발생한다.
<div></div>
이런 문제를 해결하기 위한 방법으로는 배경색을 지정하면 되지만 아래에 다른 element가 있는 경우라면 사용할 수 없다. 투명이미지를 사용하면 되는데 불편하다.
다음과 같이 배경색을 주고 투명도를 100%로 주는 방법이 있다. 이 경우에도 IE만 따로 논다. (나쁜 놈)
background: #FFF; /* you can choose any colour you like, 1.0-fully visible */
opacity:0.0; /* opacity setting for all browsers except IE */
filter: alpha(opacity = 0); /* opacity setting for IE, 0-transparent & 100-fully visible */
다음의 링크를 참고합니다.
http://stackoverflow.com/questions/2158921/empty-div-hover-event-not-firing-in-ie