Örnek
Bir resim için z-index ayarlayın:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
Kendin dene " Tanımı ve Kullanımı
Z-endeksi özelliği bir elemanın grup sırasını belirtir.
daha yığın düzenine sahip bir eleman bir alt yığın düzenine sahip bir elemanın önünde her zaman açıktır.
Note: Z-endeksi, sadece yer bağlantı elemanları üzerinde çalışır (position:absolute, position:relative, or position:fixed) .
| Varsayılan değer: | auto |
|---|---|
| Miras: | no |
| canlandırılabilir: | yes. Read about animatable Try it |
| Versiyon: | CSS2 |
| JavaScript sözdizimi: | object .style.zIndex="-1" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
CSS sözdizimi
z-index: auto| Mülkiyet Değerler değer Açıklama Oynat auto ebeveyninden eşit yığın sırasını ayarlar. Bu varsayılan Oynat " number öğesinin grup sırasını ayarlar. Negatif sayılar izin verilir Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun Oynat " inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
İlgili Sayfalar
CSS öğretici: CSS Konumlandırma
HTML DOM referansı: zIndex property