Z-INDEX – css vlastnost určující pořadí prvků HTML

Pokud jsou HTML prvky přemístěny mimo svou běžnou pozici a překrývají se, tak je někdy potřeba určit jim pořadí ve vrstvách, k čemuž slouží právě z-index. Čím vyšší číslo, tím blíže k návštěvníkovi webu. Čísla nemusejí jít po sobě, z toho důvodu je lépe psát je třeba po desítkách, či stovkách, aby bylo možné mezi ně vložit další prvek bez nutnosti přepisovat již existující CSS vlastnosti.

Existuje v CSS 1, 2 a 3 | není dědičný | dobře podporován všemi prohlížeči

Ukázka CSS vlastností pro okno nad HTML stránkou

div{
      z-index: 1000;
      position: fixed;
      top: 50px;
      left: calc(50vw - 50px);
      width: 100px;
      height: 100px;
}

Odkazy na další použité vlastnosti CSS: 

position, top, left, width, height, calc

Kam dál

Naše služby Kurz základy HTML a CSS Kurz tvorby webových stránek pomocí systému Joomla Obecná pravidla CSS