퀴즈 / CSS / 문제

CSS에서 pointer-events: none을 설정한 요소의 동작으로 올바른 것은?

보통 MDN Web Docs
보기 및 정답
A 클릭, 호버 등 마우스/터치 이벤트가 해당 요소를 통과하여 아래 요소에 전달된다
B display: block 요소는 기본적으로 부모의 전체 너비를 차지하지 않는다
C display 속성을 변경하면 기존의 모든 CSS 속성이 초기화되어 재설정된다
D display: contents를 적용하면 자식 요소도 함께 레이아웃에서 제거된다

해설

pointer-events: none은 해당 요소가 마우스/터치 이벤트의 대상이 되지 않게 합니다. 클릭이나 호버가 요소를 '투과'하여 아래에 있는 요소에 전달됩니다. 오버레이, 비활성 UI, 워터마크 등에서 유용하게 사용됩니다.

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

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

정규반 살펴보기

관련 문제

CSS place-items 속성은 어떤 속성의 축약형인가요?
CSS
CSS word-break와 overflow-wrap(word-wrap)의 차이점으로 올바른 것은?
CSS
CSS @media (forced-colors: active) 미디어 쿼리는 언제 적용되나요?
CSS
CSS writing-mode 속성에서 vertical-rl 값을 설정하면 어떤 효과가 있나요?
CSS
CSS :placeholder-shown 의사 클래스와 ::placeholder 의사 요소의 차이점으로 올바른 것은?
CSS
START THE LOOP · CHOOSE

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

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

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