웹스터디

z-index

토픽 웹스터디 > CSS Dictionary

Summary

엘리먼트의 겹쳐지는 순서를 지정한다.

auto | <정수> | inherit
기본값 auto
적용대상 position의 속성값이 static 아닌 요소들
상속 상속안됨
퍼센테이지 지정불가
미디어 Visual

Value

  • 정수 : 값이 클 수록 위에 표시된다. 

Tip

  1. 다음과 같이 사용할 수 있다. [sample]
    .box {
        z-index: 10;
    }

댓글

댓글 본문
  1. 노혜주
    완료
  2. Hun Chang
    오.. 이건 그래픽 툴에서 레이어겹치기, 또는 파워포인트 등에서 엘리먼츠를 앞에 두기 뒤에 두기 등을 CSS적으로 구현할수 있다는거군요.
  3. 푸른하늘
    10일차 공부 감사합니다
  4. ㅎㅎ
    position과 함께 쓸 수 밖에 없죠 ㅎㅎㅎ 공중에 띄워진 것들의 순서를 정하는거니까요~!
    대화보기
    • WayneKing
      흠... 뭔가 노가다 느낌이 난다.
    • 은비
      z-index 값을 지정하지 않으면 맨 마지막 박스가 상위로 배치된다고 들었어요. 입력한 순서의 역순으로 상위배치된다고.
      대화보기
      • 쥬슈야
        position 과 함께 써야한다는 말이 있던데 사실인가요? 아시는분 답변부탁드립니다.