Z-Index

Z-Index je vlastnost v jazyce CSS, která určuje pořadí překrývání (tzv. stacking order) prvků na webové stránce. Funguje jako „hloubka“ – čím vyšší hodnota z-index, tím blíže k uživateli se prvek zobrazí a překryje tedy prvky s nižším z-index. Pokud není hodnota nastavena, prohlížeč používá výchozí pořadí podle toho, v jakém pořadí jsou prvky definovány v dokumentu.

V praxi se z-index používá například u modálních oken (popupů), dropdown menu, tooltipů nebo fixních navigačních lišt, aby se zobrazovaly nad ostatním obsahem. Platí ale, že z-index funguje jen u prvků, které mají definovaný position jiný než static (např. relative, absolute, fixed, sticky). Nesprávné používání z-index může vést k problémům s překrýváním, proto je dobré udržovat hierarchii přehlednou a nepoužívat extrémně vysoké hodnoty bez potřeby.