CSS - 문제 미리보기

문제 1248

easy
z-index 속성의 주요 역할은 무엇인가요?
A. 요소의 투명도를 조절함
B. 요소들이 겹쳤을 때 쌓임 순서를 결정함
C. 요소의 크기를 조절함
D. 요소의 배경색을 설정함

정답: B

z-index의 핵심 개념:

스택 순서 제어:
• 요소들이 겹쳐있을 때 어떤 요소가 앞에 올지 결정
• 3차원적인 쌓임(stack) 개념으로 이해
• 높은 z-index 값 = 앞쪽(위쪽)에 배치

실무에서의 필요성:
• 모달 창: 다른 내용 위에 표시
• 드롭다운 메뉴: 다른 요소들을 가리고 표시
• 툴팁: 호버 시 다른 요소 위에 나타남
이미지 오버레이: 텍스트를 이미지 위에 배치

값의 의미:
• 양수: 다른 요소들보다 앞쪽에 배치
• 음수: 다른 요소들보다 뒤쪽에 배치
• 0: 기본 쌓임 레벨

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.