이처럼 z-index 속성은 레이어의 z축 위치를 조정할 때 사용합니다. 이 말은 z축 개념이 존재하는 3차원 요소인 fixed, relative, absolute 속성값에서만 사용할 수 있다는 뜻이기도 합니다.

이를 앞에서 본 벤다이어그램의 특징에 반영하면 다음과 같이 정리할 수 있습니다.

 

• 마진 병합 유무(2차원 O, 3차원 X)

• top, left, bottom 적용 유무(2차원 X, 3차원 O)

• 자식의 높이 값이 부모의 높이 값에 영향을 미치는지 유무(2차원 O, 3차원 X)

• z-index 적용 유무(2차원 X, 3차원 O)

그림 9-5 z-index 속성을 추가