Exemple de code détaillé de la propriété css z-index.

.calque1{position:relative; left:0px; top:0px; width:300px; height:60px; z-index:10; }<br>
.calque2{position:relative; left:10px; top:-20px; width:300px; height:60px; z-index:1; }
<div id="Layer1" style="position:relative; left:0px; top:0px; width:300px; height:60px; z-index:10; background-color: red; ">calque 1 z-index : 10</div>
<div id="Layer2" style="position:relative; left:10px; top:-20px; width:300px; height:60px; z-index:1; background-color: green; "><br>calque 2 z-index : 1</div>

Interprétation du code détaillé de la propriété css z-index par votre navigateur.

.calque1{position:relative; left:0px; top:0px; width:300px; height:60px; z-index:10; }
.calque2{position:relative; left:10px; top:-20px; width:300px; height:60px; z-index:1; }

Interprétation normal du code de la propriété css z-index (copie d'écran).