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

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir