Back Ground

흔히 이벤트가 부여된 요소를 숨기면 해당 이벤트가 작동하지 않을꺼라 생각한다. 대부분 의도한 결과를 반영하지만 숨김처리에 사용한 방법이 opacity속성을 이용한 경우라면 노출되진 않지만 해당영역의 이벤트에 응답하기 된다. 이를 강제로 제어하기 위해서는 pointer-events를 활용해야 한다. 숨김처리 속성에 따른 특성 요소를 숨길때 사용되는 CSS속성 숨김 속성과 값 공간 점유 이벤트 탭(Tab)접근 opacity: 0 점유 활성 가능 visibility: hidden 점유 비활성 불가능 visibility: collapse 테이블안에서만 비 점유 비활성 불가능 display: none 비점유 비활성 불가능 이벤트가 비활성되는 속성들을 사용하면 좋겠지만, 트랜지션(전환)이나 애니메이션 같이 프레임별..