CSS
[CSS] 포지션 노출 순위 z-index
FRDYtheme
2022. 10. 25. 10:41
flex, grid
요소에 포지션 값 적용시 포토샵의 레이어처럼 층 위의 개념이 생기는데 이 때 겹쳐지는 순서를 정의한다.
숫자가 클수록 상단에 위치하며 단위값은 없다.
포지션이 적용되어 있어야만 사용 가능하다.
한 쪽에만 position이 적용되어 있으면 상관 없지만 여러 요소에 position이 적용될 경우 층위가 뒤섞일 수 있음.
z-index는 단위값이 없으며 숫자의 크기로 순서가 정해진다.
h1에 z-index 값을 넣어주면 층위를 조정할 수 있다.
