CSS z-index özelliği

tanım ve kullanım

z-index özelliği, elementin katman sırasını ayarlar. Daha yüksek katman sırasına sahip elementler, daha düşük katman sırasına sahip elementlerin önünde yer alır.

yorum:Elementler, negatif z-index özellik değerlerine sahip olabilir.

yorum:Z-index sadece konumlandırılmış elementlerde (örneğin position:absolute;) etkilidir!

tanım

Bu özellik, konumlandırılmış bir elementin z eksenindeki konumunu ayarlar, z eksen, ekran alanına dikey olarak uzanan eksen olarak tanımlanır. Pozitif sayısal değerler kullanıcıya daha yakın ise, negatif sayısal değerler kullanıcıdan daha uzak demektir.

daha fazla bakın:

CSS eğitimi:CSS konumlandırma

HTML DOM referans el kitabı:zIndex özelliği

örnek

z-index'ini ayarlayan resim:

img
  {
  position:absolute;
  left:0px;
  top:0px;
  z-index:-1;
  }

kendiniz deneyin

CSS dilbilgisi

z-index: auto|number|initial|inherit;

özellik değeri

değer tanım
auto varsayılan. Katman sırası ebeveyn elementle eşittir.
number elementin katman sırasını ayarlar.
inherit z-index özelliğinin değeri, ebeveyn elementten alınmalıdır.

teknik ayrıntılar

varsayılan değer: auto
miras: hayır
sürüm: CSS2
JavaScript dilbilgisi: object.style.zIndex="1"

daha fazla örnek

Z-index
Z-index, bir elementin diğer bir elementin ardından konumlandırılmasını sağlar.
Z-index
örnekdeki öğe Z-index'ini değiştirmiştir.

tarayıcı desteği

tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 3.0 1.0 4.0