Manuale di riferimento CSS

Regole @ CSS

Manuale completo delle proprietà CSS

Manuale completo delle proprietà CSS (per funzione)Proprietà word-wrap CSS3

Metodo e esempio di utilizzo dell'attributo z-index CSS

La proprietà z-index specifica l'ordine di pila di un elemento. Gli elementi con un ordine di pila più alto si trovano sempre davanti agli elementi con un ordine di pila più basso. Attenzione: z-index si riferisce aElementi posizionati(position:absolute, position:relative, or position:fixed).

La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:	auto
Applicabile a:	Elementi posizionati
Ereditabile:	No
Animabile:	sì.Si prega di fare riferimento a Attributi animazione.
Versione:	CSS 2、3

Attenzione:Quando gli elementi si sovrappongono, z-index determina quale dei sovrapposti è superiore. Gli elementi con un livello di pila più alto si trovano di solito davanti agli elementi con un livello di pila più basso.

Sintassi dell'uso di z-index

La sintassi di questa proprietà è la seguente:

z-index:　integer　|　auto　|　initial　|　inherit

Gli esempi seguenti illustrano come utilizzare la proprietà z-index.

Esempio

　　div　{
　　　
　　　lop:　30px;
　　　left:　30px;
　　　z-index:　2;
　　}

Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

Valore	Descrizione
integer	Imposta l'ordine di livello di pila della scatola dell'elemento nel contesto di pila corrente. Questa scatola crea anche un contesto di pila locale, dove il livello di pila è 0 (zero). È possibile utilizzare valori negativi interi.
auto	Il livello di pila della scatola dell'elemento è lo stesso del livello di pila della scatola del padre, e non viene creato un nuovo contesto di pila. Questo è il valore predefinito.
initial	Imposta questa proprietà al suo valore predefinito.
inherit	Se specificato, l'elemento correlato utilizza il valore della proprietà z-index dell'elemento padre.

Compatibilità del browser

Compatibilità dei browser per la proprietà z-index, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Leggi di più

Ecco come fare riferimento ai seguenti tutorial:Posizione CSS,Strato CSS.

Proprietà correlate:posizione,superiore,destro,sinistro,inferiore.

Manuale completo delle proprietà CSS (per funzione)Proprietà word-wrap CSS3