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;
}