CSS: Z-index

Nastavuje překrývání objektů

Hodnoty

z-indexauto | číslo

Ukázka

autoNic nemění objekt nic nepřkrývá a může být překrýván

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>
z-index: 3
z-index: 2
z-index: 5

 

 

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í.



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama