Esempio
Modificare l'ordine di sovrapposizione di un <img> elemento:
document.getElementById("img1").style.zIndex = "1"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà ZIndex o restituisce l'ordine di sovrapposizione di un elemento posizionato.
Un elemento con maggiore ordine pila (1) è sempre davanti ad un altro elemento con numero inferiore (0) .
Tip: Un elemento posizionato è un elemento con la posizione insieme della proprietà: relativa, assoluta o fisso.
Tip: Questa proprietà è utile se si desidera creare elementi che si sovrappongono.
Supporto browser
La proprietà zIndex è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà zIndex:
object .style.zIndex
Impostare la proprietà zIndex:
object .style.zIndex="auto| I valori delle proprietà Valore Descrizione auto Il browser determina l'ordine di sovrapposizione dell'elemento (basata sul suo ordine nel documento). Questa è l'impostazione predefinita number Un numero intero che definisce l'ordine di sovrapposizione dell'elemento. I valori negativi sono consentiti initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: auto Valore di ritorno: Una stringa, che rappresenta l'ordine di sovrapposizione di un elemento CSS Version CSS2
Altri esempi
Esempio
Modificare il valore della proprietà z-index di un <div> elemento:
document.getElementById("myDIV").style.zIndex = "-1";
Prova tu stesso "
Esempio
Restituisce il valore della proprietà z-index di un <img> elemento:
alert(document.getElementById("img1").style.zIndex);
Prova tu stesso "
Pagine correlate
CSS tutorial: posizionamento CSS
Riferimento CSS: z-index property
<Stile di oggetto