Z-index, HTML ve CSS'de içeriklerin birbirleriyle nasıl üst üste bindiğini kontrol eden bir özelliktir. Bu özellik, bir öğenin başka bir öğenin üzerinde mi yoksa öğenin altında mı görüntüleneceğini belirler.
Z-index değeri, bir öğenin kaçıncı sırada (z-ekseninde) diğer öğelerin üzerinde görüntüleneceğini belirler. Yüksek z-index değeri, daha önce eklenen veya daha düşük bir z-index değeri olan öğelerin üzerinde görüntülenir.
Z-index değeri, 1'den başlayarak artan pozitif tamsayılar kullanılarak belirtilir. Negatif z-index değerleri de kullanılabilir.
Örneğin, bir menü, bir resim ve bir metin öğesi içeren bir sayfamız olsun. Menü öğesi, resmin üzerinde görünmeli ve metnin altında kalacak şekilde z-index değeri atamalıyız. Bu durumda, CSS kodları şu şekilde olacaktır:
```html
Metin