본문 바로가기
○ WEB/19.03 FastCampus_CSS

z-index

by 0ver-grow 2019. 7. 26.
반응형

엘리먼트가 겹칠 때 어떤 엘리먼트가 위에 쌓여야 할 지, 쌓임 순서(stack order)를 정하는 것.

순서 값이 없으면 생성순서(코드상 순서) 따라 쌓임

z-index


기본 값 : auto

z-index: auto | number | initial | inherit;

auto : 쌓임 순서를 부모와 동일하게 설정(기본값)
number : 단위 없는 숫자로 쌓임 순서를 설정( 큰 값이 가장 위쪽, 음수 허용)

단, position 값이 static이 아닌 경우 가능함
부모가 z-index 값이 있을 경우 부모 안에서만 의미있음

 

반응형