[CSS]z-index 안먹을때, 제대로 사용법

1. z-index는 relative, absolute, fixed를 줬을때 먹는다.

z-index는 position 속성이 기본인 static 속성일때는 먹지 않는다.

그래서 꼭 relative나 absolute, fixed를 줬을때 먹힌다.

 

 

2. z-index 먹는순서

1) relative가 absolute보다 우선하기 때문에 z-index가 더 높게 적용된다.

2) 같은 absolute나 fixed 가 먹혀 있다면 나중에 나오는 태그가 더 높은게 디폴트다.

 

 

3. z-index 안먹을때

만약 z-index가 안먹을때는 position 속성을 줬는지 확인하고,

그래도 안되면 부모속성에 position: relative; 속성을 줘보자.