- 요소의 순서를 결정함.
- z-index 속성은 position 속성과 함께 사용됨.
- z-index:auto, 숫자로 표시
- 숫자가 높을수록 앞에 배치된다.
- 기본이 0.
- 마이너스 값도 지정 가능하다.
| <style type="text/css"> .layer1 { position:absolute; top:10px; left:10px; width:100px; height:100px; padding:20px; background:#F9F; z-index:1; } .layer2 { position:absolute; top:50px; left:50px; width:100px; height:100px; padding:20px; background:#69F; z-index:2; } .layer3 { position:absolute; top:100px; left:100px; width:100px; height:100px; padding:20px; background:#36F; z-index:3; } </style> <div class="layer1">레이어1</div> <div class="layer2">레이어2</div> <div class="layer3">레이어3</div> 결과  |
