반응형
z-index : 요소의 쌓임 정도를 지정
auto(기본값) : 부모 요소와 동일한 쌓임 정도
숫자 : 숫자가 높을수록 위에 쌓임(음수 가능)
*z-index를 사용할 때 값을 999와 같이 큰 값은 사용하지 않는 것이 좋다
position 값이 없는 조건에서는 있는 값과 다른 z-index 위치를 갖는다.
요소의 display가 변경됨
position 속성 값으로 absolute, fixed가 지정된 요소는, display 속성이 block 요소로 자동으로 변경됨
display: block;
position: absolute;
top 30px;
left: 30px;
z-index: 1;
position: absolute;
top: 30px;
left: 30px;
z-index: 1;
따라서 위의 값와 아래의 값은 같다.