[CSS] z-index

요소의 스택 순서를 지정한다. 

스택 순서가 더 큰 요소는 항상 스택 순서가 더 낮은 요소 앞에 있는다.

 

✍🏻 (easy version) 요소가 겹쳤을 때, 누가 앞에 보일지를 정하는 숫자

=> 어떤 요소가 앞에 보이고, 어떤 요소가 뒤로 가는지 정한다.

 

숫자가 클수록 앞에 보이고 

숫자가 작을수록 뒤에 숨는다. 

 

z-index는 position이 있는 요소에만 적용된다. 

z-index에 값을 명시하지 않으면 auto가 된다.