CSS z-endeksi Özellik
Örnek
Bir görüntü için z-endeksini ayarlayın:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
Tanım ve Kullanım
Özellik z-index
, bir elemanın yığın sırasını belirtir.
Daha büyük yığın sırasına sahip bir öğe, her zaman daha düşük bir yığın sırasına sahip bir öğenin önündedir.
Not: z-index
yalnızca konumlandırılmış öğeler (konum: mutlak, konum: göreceli, konum: sabit veya konum: yapışkan) ve esnek öğeler (
gösterge:esnek öğelerin doğrudan çocukları olan öğeler) üzerinde çalışır.
Not: Konumlandırılmış iki öğe belirtilmeden çakışırsa z-index
, HTML kodunda en son konumlanan öğe en üstte gösterilecektir.
Varsayılan değer: | Oto |
---|---|
Miras: | Hayır |
canlandırılabilir: | Evet. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS2 |
JavaScript sözdizimi: | nesne .style.zIndex="-1" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
CSS Sözdizimi
z-index: auto|number|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
auto | Sets the stack order equal to its parents. This is default | |
number | Sets the stack order of the element. Negative numbers are allowed | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Konumlandırma
HTML DOM referansı:
zIndex özelliği