z-index 값 적용하기 - Webflow 도움말

Last updated on 10/26/2025@mrbirddev
z-index 값 적용하기 - Webflow 도움말

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 값은 요소가 다른 요소 뒤로 사라지게 할 수 있습니다. 주의하세요!

Webflow 도움말로 돌아가기

Last updated on 10/26/2025@mrbirddev
Recent Articles
Loading...