Style zIndex Property

Alterar a ordem de empilhamento de um <img> elemento:

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

Definição e Uso

Os zIndex conjuntos de propriedades ou retorna a ordem de empilhamento de um elemento posicionado.

Um elemento com uma maior ordem da pilha (1) é sempre em frente de um outro elemento com a ordem de empilhamento inferior (0) .

Tip: Um elemento posicionado é um elemento com a propriedade posição conjunto para: relativa e absoluta, ou fixo.

Tip: Esta propriedade é útil se você quiser criar elementos sobrepostos.

A propriedade zIndex é suportado em todos os principais navegadores.

Devolver o imóvel zIndex:

object .style.zIndex

Defina a propriedade zIndex:

object .style.zIndex="auto| Valores de propriedade

Valor	Descrição
auto	O navegador determina a ordem de empilhamento do elemento (com base em sua ordem no documento). Este é o padrão
number	Um inteiro que define a ordem de empilhamento do elemento. Os valores negativos são permitidos
initial	Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit	Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Valor padrão:	auto
Valor de retorno:	Uma cadeia, representando a ordem de empilhamento de um elemento
CSS Versão	CSS2

Alterar o valor da propriedade z-index de um <div> elemento:

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

Devolver o valor da propriedade z-index de um <img> elemento:

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

Referência CSS: z-index property