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

로그인

| 비밀번호찾기

추가 정보 입력

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

회원가입

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

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / 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에서 @keyframes와 animation 속성을 사용할 때, animation-fill-mode: forwards의 의미는?
CSS
CSS @media print를 사용하는 주된 목적으로 올바른 것은?
CSS
CSS에서 isolation: isolate 속성의 효과로 올바른 것은?
CSS
CSS의 상대 길이 단위 lh의 기준은 무엇인가요?
CSS
CSS container query(컨테이너 쿼리)란 무엇인가요?
CSS