📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
z-인덱스 / 쌓임 순서 (z-index)
💬 쉬운 뜻
요소들이 서로 겹칠 때 '누가 위로 올라올지' 앞뒤 순서를 정하는 값이에요. 책상 위에 종이를 겹쳐 놓으면 맨 위 장이 아래 장을 가리는 것처럼, z-index 숫자가 클수록 더 앞(위)에 와서 다른 것을 덮습니다. 메뉴나 팝업이 다른 내용에 가려지지 않고 위에 떠 보이게 할 때 써요. (참고: z-index는 position이 static이 아닐 때, 즉 relative·absolute·fixed 같은 게 붙어 있어야 효과가 나요.)
⌨️ 이럴 땐 이렇게 입력
- 이 팝업(또는 드롭다운 메뉴)이 다른 글자/사진 뒤에 가려져요. z-index를 올려서 맨 앞으로 나오게 해줘.
- 겹쳐 있는 두 요소 중 ○○가 위에 보이도록 쌓임 순서(z-index)를 정리해줘.
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 "z-index 값을 높였습니다 / 쌓임 순서를 조정했습니다"라고 하면 = 겹쳤을 때 그 요소가 다른 것을 덮고 맨 앞(위)에 보이도록 앞뒤 순서를 바꿨다는 뜻이에요.
➡️ 다음엔 이렇게
먼저 "이 요소를 맨 앞으로 올려줘"라고 해보세요. z-index를 큰 값으로 올렸는데도 여전히 가려지면, 보통은 부모 요소가 만든 '쌓임 구역(stacking context)' 안에 갇혀서 그래요. 이럴 땐 "혹시 부모 요소의 z-index나 position(relative/absolute), opacity·transform 때문에 막힌 거면 그것도 같이 풀어줘"라고 한 번 더 짚어주세요.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈