CSS: Z-index

Nastavuje překrývání objektů

Hodnoty

Ukázka

Překrývání objektů

<div style="background-color: orange;position:absolute;z-index: 3;height: 30px">z-index: 3</div>
<div style="background-color: blue;position:absolute;left: 180; z-index: 2;height: 45px">z-index: 2</div>
<div style="background-color: lightblue;position:absolute;left: 185; z-index: 5;height: 37px">z-index: 5</div>

Poznámka

Vyšší číslo přebíjí to nižžší, pokud není z-index definován, později pozicovaný objekt, překryje předcházející.

Navigace