[CSS] 속성: point-events / 특정 요소 이벤트 제외

 

이 속성은 HTML 요소들의 hover/active, click/tap, cursor, drag 등의 이벤트를 조정할 수 있는 속성이다.

 

나의 경우 index가 다른 요소들 때문에 문제를 겪었는데, z-index가 높은 요소때문에 그 아래에 있는 요소의 hover 이벤트가 작동하지 않아 해당 옵션을 주었다.

 

 

◽ 사용하기

/* none: HTML 요소에 정의된 각종 이벤트(클릭, 상태, 커서 옵션)가 비활성화 된다. */
pointer-events: none;

/* auto: 비활성화된 이벤트들이 다시 발생하게(기본 기능으로 원복) 한다. */
pointer-events: auto;

/* inherit: 부모 요소로부터 pointer-events값을 상속받는다. */
pointer-events: inherit;

 

 

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.