Exemple de code de la propriété CSS z-index.
<style>
.exemple{ position:relative; top:0px; left:0px; width:300px; height:60px; }
.exemple-z-index-1{ z-index : 10; background-color: red; }
.exemple-z-index-2{ z-index : 1; top:-20px; left:10px; background-color: green; }
</style>
.calque1{ z-index:10; }<br>
.calque2{ z-index:1; }
<div id="Layer1" class="exemple exemple-z-index-1">calque 1 z-index : 10</div>
<div id="Layer2" class="exemple exemple-z-index-2"><br>calque 2 z-index : 1</div>Interprétation du code de la propriété z-index CSS par votre navigateur.
.calque1{ z-index:10; }
.calque2{ z-index:1; }
calque 1 z-index : 10
calque 2 z-index : 1
Interprétation normale du code de la propriété CSS z-index (copie d'écran).
