[CSS] z-index

z-index 

웹 페이지가 다이나믹 해지고 요소들의 배치가 자유로워지면서, 

때때로 서로의 위치가 겹치는 요소들이 생기기 마련임.

이때 어느 것을 위에 표시할 것인가를 제어해주는 속성이 이것임. 

파워포인트를 예를 들면 겹쳤을때 , 가장 위로, 가장 아래로 이런거랑 같다.

특징

1) z-index값을 사용하려면 해당요소의 position값이 relative, absolute, fixed 중 하나여야 한다. 

2) position이 지정되지 않았다면, z-index값은 0인 것 처럼 작동한다. 숫자가 클수록 위로 올라온다.

3) z-index의 값은 같은 depth의 요소(형제요소, siblings) 끼리 비교하는 것이 원칙임.

4) z-index의 기본값은 auto이며, 부모의 z-index값이 auto인 경우 자식요소의 z-index값을 비교 대상으로 삼는다.