○ WEB/19.03 FastCampus_CSS
z-index
0ver-grow
2019. 7. 26. 15:25
반응형
엘리먼트가 겹칠 때 어떤 엘리먼트가 위에 쌓여야 할 지, 쌓임 순서(stack order)를 정하는 것.
순서 값이 없으면 생성순서(코드상 순서) 따라 쌓임
z-index
기본 값 : auto
z-index: auto | number | initial | inherit;
auto : 쌓임 순서를 부모와 동일하게 설정(기본값)
number : 단위 없는 숫자로 쌓임 순서를 설정( 큰 값이 가장 위쪽, 음수 허용)
단, position 값이 static이 아닌 경우 가능함
부모가 z-index 값이 있을 경우 부모 안에서만 의미있음
반응형