Proprietà zIndex dello stile

Definizione e uso

zIndex Imposta o restituisce l'ordine di sovrapposizione dell'elemento posizionato.

l'elemento con un ordine di sovrapposizione più alto (1) è sempre davanti all'elemento con un ordine di sovrapposizione più basso (0).

Suggerimento:L'elemento posizionato è Proprietà position impostato a:relative,absolute o fixed degli elementi.

Suggerimento:Questo attributo è molto utile per creare elementi sovrapposti.

Vedi anche:

Corso CSS:Posizionamento CSS

Manuale CSS:Proprietà zIndex

Esempio

Esempio 1

Cambia l'ordine di sovrapposizione dell'elemento <img>:

document.getElementById("img1").style.zIndex = "1";

Prova a te stesso

Esempio 2

Cambia il valore dell'attributo z-index dell'elemento <div>:

document.getElementById("myDIV").style.zIndex = "-1";

Prova a te stesso

Esempio 3

Restituisce il valore dell'attributo z-index dell'elemento <img>:

alert(document.getElementById("img1").style.zIndex);

Prova a te stesso

Sintassi

Restituisce la proprietà zIndex:

object.style.zIndex

Imposta la proprietà zIndex:

object.style.zIndex = "auto|number|initial|inherit"

Valore dell'attributo

Valore Descrizione
auto Il browser determina l'ordine di sovrapposizione degli elementi (basato sull'ordine nel documento). Predefinito.
number Intero che definisce l'ordine di sovrapposizione degli elementi. Permette valori negativi.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Valore di ritorno: Stringa che rappresenta l'ordine di sovrapposizione degli elementi.
Versione CSS: CSS2

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto