Z-index v CSS (angl. Z-index (in CSS)) je vlastnosť, ktorá určuje poradie prekrytia pozicionovaných HTML elementov na osi z, teda ako sa vrstvia nad sebou na webovej stránke. Vyššia hodnota z-indexu znamená, že daný element bude zobrazený nad elementmi s nižšou hodnotou z-indexu, čo umožňuje kontrolovať viditeľnosť pri prekrytí viacnásobných vrstiev obsahu.
Pochopenie funkcie z-indexu
Z-index v CSS určuje poradie vrstvenia elementov tým, že nastavuje ich pozíciu na osi z v trojrozmernom priestore webovej stránky. Element s vyšším z-indexom sa zobrazí nad elementom s nižším z-indexom, pokiaľ sú oba pozicionované (napríklad s position: relative, absolute alebo fixed). Týmto spôsobom môžete kontrolovať, ktorý obsah bude viditeľný pri prekrytí.
Stacking context je koncept v CSS, ktorý predstavuje hierarchiu vrstvenia elementov. Vytvára sa napríklad nastavením pozície a z-indexu alebo vlastnosťami ako opacity či transform. Z-index ovplyvňuje poradie len v rámci rovnakého stacking contextu. Pochopenie stacking contextu je kľúčové pre efektívne využitie z-indexu a správne vrstvenie elementov.
