처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

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

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

해설

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

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

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

정규반 살펴보기

관련 문제

CSS column-count와 column-gap 속성으로 만들 수 있는 레이아웃은?
CSS
CSS transform 속성으로 할 수 있는 것에 해당하지 않는 것은?
CSS
CSS의 상대 길이 단위 lh의 기준은 무엇인가요?
CSS
CSS @property 규칙의 핵심 기능으로 올바른 것은?
CSS
CSS에서 display: none과 visibility: hidden의 차이점은?
CSS