CSS Z-Dizini (z-index)

CSS Z-Dizini (z-index) Nedir? CSS Z-Dizini (z-index) Kullanımı

CSS Z-Dizini (z-index)

CSS Z-Dizini (z-index)

z-index özelliği, bir öğenin diziliş sırasını belirtir (hangi öğe diğerlerinin önüne veya arkasına yerleştirilmelidir).

Öğeler konumlandırıldığında, diğer öğelerle örtüşebilir.

Bir öğenin pozitif veya negatif diziliş sırası olabilir.

Örnek:

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

Not: z-dizini yalnızca konumlandırılmış öğeler (position: absolute, position: relative, position: fixed, ya da position: sticky) ve esnek öğeler (display: flex) üzerinde çalışır.

Tepkiniz Nedir?

like

dislike

love

funny

angry

sad

wow