Los últimos tutoriales de desarrollo web
 

Style zIndex Property

<Estilo de objeto

Ejemplo

Cambiar el orden de apilamiento de un <img> elemento:

document.getElementById("img1").style.zIndex = "1";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades zIndex o devuelve el orden de apilamiento de un elemento de posicionado.

Un elemento con mayor orden de apilamiento (1) está siempre en frente de otro elemento con el fin pila inferior (0) .

Tip: Un elemento posicionado es un elemento con la propiedad posición de ajuste a: relativo, absoluto, o fijo.

Tip: Esta propiedad es útil si desea crear elementos superpuestos.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad zIndex es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad zIndex:

object .style.zIndex

Establecer la propiedad zIndex:

object .style.zIndex="auto| Valores de propiedad
Valor Descripción
auto El navegador determina el orden de apilamiento del elemento (en función de su orden en el documento). Esto es por defecto
number Un número entero que define el orden de apilamiento del elemento. Los valores negativos se les permite
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: auto
Valor de retorno: Una cadena, que representa el orden de apilamiento de un elemento
Versión CSS CSS2

Más ejemplos

Ejemplo

Cambiar el valor de la propiedad z-index de un <div> elemento:

document.getElementById("myDIV").style.zIndex = "-1";
Inténtalo tú mismo "

Ejemplo

Devolver el valor de la propiedad z-index de un <img> elemento:

alert(document.getElementById("img1").style.zIndex);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Posicionamiento CSS

Referencia CSS: z-index property


<Estilo de objeto