z-index로 인한 겹쳐진영역 이벤트 처리, css, javascript, html, z-index, pointer-event
position과 z-index를 통해 영역이 겹쳐지면 z-index가 높은 영역의 이벤트만 발생합니다. 하지만 뒤에 있는 영역의 이벤트를 발생 시키고 싶을 때가 있습니다. 이럴때 사용하는 css가 있습니다. pointer-events 라는 CSS 속성인데, 특정 엘리먼트의 트리거 역할을 설정합니다. 또한 이벤트 핸들러가 등록된 엘리먼트도 트리거를 막을 수 있습니다. 속성 pointer-events 속성이 명시되지 않은 상태로 리셋해 버립니다.
https://kyounghwan01.github.io/blog/etc/CSS/dup-area-event/
Seonglae Cho