써치킴의 우당탕탕 개발 블로그

[HTML/CSS][Ch8] CSS 배치2_요소 쌓임 순서(z-index) 본문

알아두자 HTML, CSS

[HTML/CSS][Ch8] CSS 배치2_요소 쌓임 순서(z-index)

써치킴 2021. 10. 7. 02:38

요소 쌓임 순서(Stack order)

어떤 요소가 사용자와 더 가깝게 있는지(위에 쌓이는지) 결정

 

  1. 요소에 position 속성의 값이 있는 경우 위에 쌓임.(기본값 static 제외)
  2. 1번과 조건이 같은 경우, z-index 속성의 숫자 값이 높을수록 위에 쌓임.
  3. 1번과 2번 조건까지 같은 경우, HTML의 다음 구조일수록 위에 쌓임.

z-index

auto = 0으로 보면 된다.

'알아두자 HTML, CSS' 카테고리의 다른 글

[HTML/CSS][Ch8] CSS 플렉스(정렬) Container 1  (0) 2022.01.04
[HTML/CSS][Ch8] CSS 배치3  (0) 2021.10.07
[HTML/CSS][Ch8] CSS 배치1  (0) 2021.10.07
[HTML/CSS][Ch8] CSS 배경  (0) 2021.10.05
[HTML/CSS][Ch8] CSS 문자  (0) 2021.10.05
Comments