css position 순서 정의 z-index

z-index

• 요소에 position 값 적용 시 층위의 개념이 생긴다.(레이어)
• z-index로 position의 순서를 정의할 수 있다.
• 숫자가 클수록 위쪽에 위치.
• position이 적용되어 있어야만 사용 가능.
• flex, grid(?)

작성 방법

z-index: 999;

• 단위값이 없다.
• 9 < 99 <999 혹은
• 1 > 10 > 100 혹은
• 100 > 200 > 300 등으로 작성한다.
• 순서를 정의할 postion이 적용된 요소에 z-index를 써준다.