css position 순서 정의 z-index

·2022년 4월 29일
0

z-index

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

작성 방법

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

2개의 댓글

comment-user-thumbnail
2022년 5월 1일

정말 유용한 내용이네요. 가능하다면 한 번 뵙고 싶네요

1개의 답글

관련 채용 정보