CSS

z-index

걍가영 2019. 3. 10. 20:01

z-index

z-index는 우선순위를 매길때 사용합니다. 이 우선순위란 position이라는 css 속성을 썼을때 우선순위를 매깁니다.
값은 정수이며, 숫자가 클 수록 위로 올라오고, 작을 수록 아래로 내려갑니다.

  • auto : 기본값으로 z-index를 지정하지 않는 것과 같습니다.
  • number: 숫자가 낮을수록 뒤로 배치가 되며, 높을 수록 위로 올라갑니다.(~999까지)
  • initial: 기본 값으로 설정합니다.

position중 하단의 속성을 적용할 경우에만 사용이 가능합니다.

  • absolute
  • relative
  • fixed
li {
  position: absolute;
  z-index: 1;
}