v2.5.2
Giriş yap

CSS z-index Özelliği

CSS1

Position uygulanan etiketlerin z konumundaki yerini ayarlamak için kullanılır. Photoshop'taki layer mantığı gibi düşünebilirsiniz, büyük değerlerli etiketler küçük değerlerli etiketlerin üstünde kalırlar.

Yapısı (Syntax)z-index: auto | sayı | initial | inherit ;
Varsayılan Değer auto
JavaScript Yapısı object.style.zIndex="sayı"
Animasyon Özellikleri Uygulanabilir Evet (Daha fazla detay)

Değerler

Değer Açıklama Versiyon
auto Varsayılan değerdir. Bir üst element ile aynı değeri alır. CSS1
sayı Öğenin sırasını belirler. Negatif sayılara izin verilir. CSS1
initial Varsayılan değerine geri döndürür. CSS1
inherit Değerini üst öğesinden miras alır. CSS1

Örnekler

Örneğin kutu1 öğesinin kutu2 öğesinin altında kalmasını sağlayalım.

.kutu1 {
	position: absolute;
	z-index: 1;
}
.kutu2 {
	position: relative;
	z-index: 2;
}

darkwintergrup
1753 gün önce eklendi - 3936 kez görüntülendi.
Github'da Düzenle
Önceki visibility Sonraki overflow