Yazılım Örnekleri

Tüm nesnelere uygulanamaz sadece konumlandırma değeri atanmış nesnelere uygulanır. Bunun anlamı eğer bir nesneyi aynı z-ekseni üzerinde üste veya alt sıraya atmak istiyorsanız ilk olarak konumlandırma değeri
atamalısınız. z-indeks değeri küçük olan nenseler altta büyük olan elementler ise üstte görünecektir.

<style>
.nesne{ 
    width:200px;
    height:200px; 
    
}

.altnesne { 
    background:#C00; 
    border:2px solid #CC8B94; 
    top: 0; 
    left: 0; 
   z-index:1;
   width:100px;
   height:100px;
   position:absolute;
  
}

.ustnesne { 
    background:#036;
    border:2px solid #BCCCEB; 
    top: 20px; 
    left: 20px; 
   z-index:2;
   width:100px;
   height:100px;
    position:absolute;
   
}

</style>

<div class="nesne">
<div class="altnesne">alt</div>
<div class="ustnesne">ust</div>
</div>