CSS Z-Dizini (z-index)
CSS Z-Dizini (z-index) Nedir? CSS Z-Dizini (z-index) Kullanımı
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?