요소의 절대 위치 지정 후 높이, 너비 설정 후 태그 클릭이 안되는 이유 요약

요소의 절대 위치가 지정되고 높이와 너비가 설정된 후 태그를 클릭할 수 없는 이유:

1. 요소에 콘텐츠가 없습니다

2. 배경 이미지나 색상 없이 배경이 투명합니다

해결책:

1. 요소의 위치가 절대적이지 않은 경우 상대 위치 지정을 사용할 수 있습니다

2. 요소에 투명한 배경 이미지를 추가합니다

3. IE는 문제 해결을 위해 background:url(about:blank)만 사용할 수 있습니다

세 번째 방법은 정상적으로 사용할 수 있지만 특정 상황에서는 버그가 있을 수 있습니다. 예를 들어 JS로 레이어를 드래그할 때 드래그 이벤트가 투명 레이어에 있고 다른 마우스 커서를 설정한 경우입니다. 커서가 깜박일 것입니다!

요약: 두 번째 방법을 사용하세요. 1*1PX 크기의 투명한 이미지를 만들어보세요!