[CSS] z-index / z-index가 적용되지 않을 때

 

◽ z-index란?

HTML 요소가 겹치는 순서를 정의하는 CSS 속성으로 인덱스가 높은 요소는 인덱스가 낮은 요소 위에 배치된다.

 

 

◽ z-index의 적용 방법

z-index는 position의 속성이 relative, absolute, fixed처럼 위치가 지정된 요소에서만 작동된다.

static에서는 동작하지 않으므로 주의하자!

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.