Stile zIndex Proprietà
Esempio
Modifica l'ordine dello stack di un elemento <img>:
document.getElementById("img1").style.zIndex = "1";
Definizione e utilizzo
La proprietà zIndex imposta o restituisce l'ordine di stack di un elemento posizionato.
Un elemento con ordine di pila maggiore (1) è sempre davanti a un altro elemento con ordine di pila inferiore (0).
Suggerimento: un elemento posizionato è un elemento con la proprietà position impostata su: relativa, assoluta o fissa.
Suggerimento: questa proprietà è utile se vuoi creare elementi sovrapposti.
Supporto browser
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà zIndex:
object.style.zIndex
Imposta la proprietà zIndex:
object.style.zIndex = "auto|number|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
auto | The browser determines the stack order of the element (based on its order in the document). This is default |
number | An integer that defines the stack order of the element. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | auto |
---|---|
Valore di ritorno: | Una stringa, che rappresenta l'ordine di stack di un elemento |
Versione CSS | CSS2 |
Altri esempi
Esempio
Modifica il valore della proprietà z-index di un elemento <div>:
document.getElementById("myDIV").style.zIndex = "-1";
Esempio
Restituisce il valore della proprietà z-index di un elemento <img>:
alert(document.getElementById("img1").style.zIndex);
Pagine correlate
Tutorial CSS: Posizionamento CSS
Riferimento CSS: proprietà z-index
❮ Oggetto stile