Exemple de code détaillé de la propriété css top.

.calque1{position:relative; left:50%; top:25%; width:300px; height:60px; z-index:10; }
<div id="Layer2" style="position:absolute; left:50%; top:25%; width:300px; height:60px; z-index:10; background-color: green; ">Utilisation de top</div>
.calque2{position:relative; top:20%; left:50%; width:300px; height:60px; z-index:1; }
<div id="Layer1" style="position:absolute; top:20%; left:50%; width:300px; height:60px; z-index:1; background-color: #CC0000; ">Utilisation de top</div>

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

.calque1{position:relative; left:50%; top:25%; width:300px; height:60px; z-index:10; }

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