CSS에서 z-index 음수 값 사용의 뉘앙스
요소에 z-index가 설정되지 않은 경우,
그 값은 0로 해석해야 합니다.
이는 z-index 값이 -1인 요소가
z-index가 없는 요소보다 아래에 위치하게 된다는 것을 의미합니다.
두 요소에 대한 예제를 다음과 같이 수정할 수 있습니다:
두 번째 요소에 z-index 값을 -1로 설정하면
첫 번째 요소 아래로 들어갑니다:
#elem1 {
/* z-index를 설정하지 않음 */
}
#elem2 {
z-index: -1;
}
코드 실행 결과:
다음 예시와 동일한 페이지를 만들어 보세요:
