CSS에서 z-index 음수 값 사용의 뉘앙스

요소에 z-index가 설정되지 않은 경우, 그 값은 0로 해석해야 합니다. 이는 z-index 값이 -1인 요소가 z-index가 없는 요소보다 아래에 위치하게 된다는 것을 의미합니다.

두 요소에 대한 예제를 다음과 같이 수정할 수 있습니다: 두 번째 요소에 z-index 값을 -1로 설정하면 첫 번째 요소 아래로 들어갑니다:

css#elem1 {
  /* z-index를 설정하지 않음 */
}
#elem2 {
  z-index: -1;
}

코드 실행 결과: