CSS z-index

z-index :

Z-index genellikle tasarımlarda üst üste gelecek kutularda sıralandırma yaparak istediğimiz görüntünün ortaya çıkmasını sağlamak amacıyla kullanılır. Z-index değeri en yüksek olan kutu her zaman için en üstte yer almaktadır.

Örnek

div {
  position relative;
  width: 100px;
  height: 100px;
}
div img {
  position: absolute;
  left:0;
  top:0;
  z-index: -1;
}
div p {
  font-size: 50px;
  color: red;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
auto Elementleri eklenme sırasına göre sıralar.
number Verdiğimiz numaraya göre sıralamayı yapar.
İnital
İnherit

Tarayıcı Desteği

1.0 3.0 4.0 1.0 4.0