Question 1

Cos'è il z-index CSS?

Accepted Answer

Il z-index CSS controlla l'ordine di sovrapposizione verticale degli elementi posizionati. Gli elementi con un z-index più alto appaiono davanti a quelli con un z-index più basso quando si sovrappongono.

Question 2

Perché il mio z-index non funziona?

Accepted Answer

Il z-index funziona solo sugli elementi posizionati (position: relative, absolute, fixed o sticky). Gli elementi con position: static ignorano la proprietà z-index.

Question 3

Cos'è un contesto di sovrapposizione?

Accepted Answer

Un contesto di sovrapposizione è un elemento che crea il proprio livello di sovrapposizione. Proprietà come opacity < 1, transform e filter creano nuovi contesti di sovrapposizione.

Question 4

Quali sono i valori di z-index comuni nell'UI?

Accepted Answer

Valori comuni: 0 per il contenuto base, 10-100 per schede e menu a tendina, 1000 per modali e overlay, 9999 per tooltip e notifiche.

Question 5

Dovrei usare valori di z-index molto alti come 9999999?

Accepted Answer

No. Usare valori arbitrariamente alti rende la manutenzione difficile. Definisci una scala di z-index nel tuo design system (es. 10, 100, 200, 500, 1000) e usala in modo coerente.

Gestione Z-Index

Elenco livelli

Anteprima

Domande Frequenti

Comments & Feedback