[CSS] z-index

z-index

어느 요소가 앞에 나오고 뒤로 나올지 배치 순서를 결정하는 속성으로 position 속성이 적용된 요소에만 사용할 수 있다.

css 코드는 위에서 아래로 순서대로 적용되기 때문에 코드상 나중에 작성한 요소가 더 앞으로 나온다.

즉 처음에 작성한 요소가 제일 뒤로 밀려난다.

 

 

 

하지만 z-index를 지정해주면 자동으로 지정된 순서를 costom하게 지정할 수 있다. z-index 값이 클수록 요소가 앞으로 나온다.