Z-index lavora in coppia con absolute e permette di sovrapporre gli oggetti interessati secondo un ordine prestabilito:











<DIV STYLE="position:absolute; z-index:3; top:70px; left:320px"><IMG SRC=giallo.png></DIV>

<DIV STYLE="position:absolute; z-index:2; top:60px; left:310px"><IMG SRC=blu.png></DIV>

<DIV STYLE="position:absolute; z-index:1; top:50px; left:300px"><IMG SRC=rosso.png></DIV>

Si noti che nonostante l'ordine in cui sono posti i tag la sovrapposizione delle immagini segue il criterio di z-index: un valore piu' alto corrisponde ad un piu' alto ordine di precedenza.