2019년 8월 22일 목요일

CSS) z-index

z-index 속성은 요소가 쌓이는 순서를 지정한다. 낮은 값을 가진 요소가 밑에, 높은 값을 가진 요소가 위에 온다. 즉 서로 겹쳐있을 때 값이 낮은 요소는 값이 높은 요소에 가려지게 된다. 

  • z-index의 기본값은 0이 아니라 auto이다.
  • position의 속성이 absolute, relative, fixed, sticky일 때만 적용된다.
  • 같은 depth을 가지는 요소끼리 비교된다.
  • 자신의 z-index값보다 부모의 z-index값이 우선되는 기준이다.



댓글 없음:

댓글 쓰기

NomadCoders Kakao Clone #2 CSS

수업노트 Reset CSS 각 HTML 요소들은 기본적으로 스타일을 가지고 있다. 브라우저마다 기본값이 다르기도 하기 때문에 reset.css를 쓰는게 좋은 선택. 사람들이 만들어놓은 것을 복사해서 쓰면 된다. 비슷하게 normalize...