z-index 속성
요소의 우선 순위를 지정하는 속성.
z-index: auto|number|initial|inherit;
z-index 속성은 position 속성과 관계가 있는 것으로 요소가 겹쳐져 있을 때 우선순위를 지정하는 속성입니다.position 속성으로 요소 배치를 변경할 경우, 여러개의 요소가 겹쳐져 있다면 일반적으로 나중에 추가한 요소가 앞에 보여지지만, z-index 속성을 사용하면 우선순위를 지정하여 아래애 있는 요소를 앞으로 재배치할수 있습니다.
- z-index는 position 속성이 설정된 요소에 대해서만 의미를 갖는다. (static은 제외)
- z-index 속성은 하나의 정수 값을 가질 수 있다(양수, 음수 모두 가능하다).
- z-index 의 값이 높을수록 위, 작을수록 아래에 배치된다.
속성값
- auto : 기본값으로 z-index를 지정하지 않은 것과 같음
- number : 배치 순서를 결정
- initial : 기본값으로 설정함