z-index

Assieme ai posizionamenti (soprattutto absolute e fixed) può venire in aiuto impostare la loro profondità; per dirla breve, se hai due elementi absolute quale viene prima e quale dopo, visti dall’ottica dei livelli?

Grazie a z-index puoi impostare i livelli di tutti gli elementi relative, absolute e fixed. I valori che puoi utilizzare sono numerici in ordine crescente: non c’è limite alla numerazione1, così come non occorre partire dallo 02.

Poni molta attenzione nell’utilizzare questa proprietà, in quanto è molto facile perdersi all’interno delle sue logiche. Se vuoi approfondire l’argomento, ti consiglio la lettura di questo articolo su tuts+.

See the Pen oDJrc by Giovanni Buffa (@gioppy) on CodePen

1. Anche se non c’è limite, non esagerare: arriva al massimo a 9999!

2. È convenzione iniziare da 100, tuttavia non è richiesto: potresti tranquillamente partire da 1.