Co je Z-index?

z-index je CSS vlastnost, která určuje pořadí překrývání prvků na stránce – tedy který se zobrazí „nahoře“, pokud se více prvků překrývá.

Vyšší hodnota znamená, že prvek se zobrazí nad prvky s nižší hodnotou:

.popup {
  position: absolute;
  z-index: 9999;
}

z-index funguje pouze u prvků s nastavenou hodnotou position (např. relative, absolute, fixed nebo sticky).

Správa z-indexů je důležitá při tvorbě modálních oken, dropdown menu, tooltipů apod.