본문 바로가기
HTML,CSS

[HTML][CSS] Layer 쌓임 맥락을 형성하는 조건

by 개발하자구 2023. 4. 13.

Layer = 겹치는 층

 

겹치는 층을 구성하기위한 조건

 

positionrelative/absolute이면서 z-indexauto가 아닌 요소

positionfixed/sticky인 요소

opacity1보다 작은 요소

transformnone이 아닌 요소

 

 

여기서 position 속성 구분

absolute : 부모(조상)요소를 기준으로 배치

relative : 요소 자기 자신을 기준으로 배치

fixed : 뷰포트 기준으로 배치

sticky : 스크롤 영역 기준으로 배치