퀴즈 / CSS / 문제

CSS pointer-events: none을 적용하면 어떤 효과가 있나요?

보통 MDN Web Docs
보기 및 정답
A 해당 요소가 마우스 클릭, 호버 등 포인터 이벤트를 받지 않고, 아래 요소로 이벤트가 통과한다
B display: inline-block 요소는 width와 height 속성을 지정할 수 없다
C display: table을 사용하면 실제 HTML table과 완전히 동일하게 동작한다
D display: flex와 grid를 동시에 적용하면 grid가 항상 우선 적용된다

해설

pointer-events: none은 해당 요소가 클릭, 호버, 드래그 등의 포인터 이벤트 대상에서 제외됩니다. 이벤트는 해당 요소를 '투과'하여 아래에 있는 요소가 받게 됩니다. 오버레이 UI나 비활성 버튼 구현에 유용합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

관련 문제

CSS aspect-ratio 속성의 역할은?
CSS
CSS contain 속성의 목적은 무엇인가요?
CSS
CSS의 상대 길이 단위 lh의 기준은 무엇인가요?
CSS
CSS backdrop-filter 속성의 역할은?
CSS
CSS content-visibility: auto 속성이 성능을 향상시키는 원리는?
CSS
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기 →
처리 중...