z-index 값 적용하기 - Webflow 도움말
Last updated on 10/26/2025@mrbirddev
z-index 값을 사용하여 쌓인 요소의 순서 정하기
z-index로 요소 레이어링 - 웹 디자인 튜토리얼 (구 UI 사용)
z-index 값이란 무엇인가
z-index 값은 요소의 쌓임 순서를 제어합니다.
- 더 높은 z-index 값을 가진 요소는 더 낮은 값을 가진 요소 위에 쌓입니다.
- 자식 요소는 부모 요소에 따라 쌓일 수 있습니다. (예: 요소 A가 요소 B보다 높은 z-index를 가지면, 요소 B의 자식은 절대 요소 A를 덮지 않습니다.)
- z-index는 상대, 절대, 고정 위치에서만 작동합니다.
- 기본 z-index 값은 0입니다.
z-index 값을 사용하여 요소 쌓기
- 위치를 지정할 div 블록을 선택하세요.
- z-index 값을 적용하세요 (기본 z-index 값이 0이므로, 0보다 큰 값은 요소를 위로 위치시킵니다).
- 더 높은 값은 더 낮은 값 위에 쌓입니다.
- 음수 값은 요소가 사라지게 할 수 있습니다.
음수 z-index 값은 요소가 다른 요소 뒤로 사라지게 할 수 있습니다. 주의하세요!
Last updated on 10/26/2025@mrbirddev
Recent Articles