MENU

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

Kurz základy HTML a CSS | Kurz tvorby webových stránek pomocí systému Joomla

Potřebujete pomoci? Žádný problém!

Nevíte si s něčím rady a potřebujete rychlou pomoc odborníka? Můžete se obrátit na nás a my vám dokážeme pomoci i přes internet.

Více o on-line pomoci přes internet se dozvíte zde:

On-line pomoc

Pokud nevíte, neváhejte se zeptat

© HelpMark | Tomáš Herout | Tel: +420 739 719 548