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
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