z-index 속성은 요소의 쌓이는 순서를 결정할 수 있습니다.
위치 지정 요소에 대해 적용할 수 있는 속성 입니다. 위치 지정 요소는 position 속성이 적용되어 있는 요소 입니다.
position 을 적용하면 요소들이 아래와 같이 겹쳐 보일 수 있습니다.
동일한 위치에 요소들이 배치되어 요소들이 겹치게 되면 위와 같이 요소들은 z 축에서 쌓이게 됩니다.
z-index 의 기본값은 auto 입니다. auto 는 새로운 쌓임 맥락이 형성되지 않은 자연스러운 상태 입니다. 마지막에 생성된 요소가 위로 쌓이는 것이 auto 입니다.
z-index 값이 크면 더 위에 쌓게 됩니다. 만약 z-index 의 값이 같다면 더 늦게 생성된 요소가 위에 쌓이게 됩니다.
재밌는건 다 합니다.