Atributo zIndex de estilo

Definición y uso

zIndex Establece o devuelve el orden de apilamiento del elemento de posicionamiento.

El elemento con un orden de apilamiento más alto (1) siempre se encuentra antes del otro elemento con un orden de apilamiento más bajo (0).

Consejo：El elemento de posicionamiento es Atributo position Establecer a：relative、absolute o fixed del elemento.

Consejo：Este atributo es muy útil para crear elementos superpuestos.

Vea también：

Tutoriales de CSS：Posicionamiento CSS

Manual de referencia de CSS：Atributo zIndex

Ejemplo

Ejemplo 1

Cambiar el orden de apilamiento del elemento <img>：

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

Prueba tu mismo

Ejemplo 2

Cambiar el valor del atributo z-index del elemento <div>：

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

Prueba tu mismo

Ejemplo 3

Devolver el valor del atributo z-index del elemento <img>：

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

Prueba tu mismo

Sintaxis

Devolver zIndex atributo：

object.style.zIndex

Establecer zIndex atributo：

object.style.zIndex = "auto|number|initial|inherit"

Valor del atributo

Valor Descripción
auto El navegador determina el orden de apilamiento de los elementos (basado en su orden en el documento). Predeterminado.
number Entero que define el orden de apilamiento de los elementos. Permite valores negativos.
initial Establezca este atributo en su valor predeterminado. Consulte initial。
inherit Hereda este atributo del elemento padre. Consulte inherit。

Detalles técnicos

Valor predeterminado： auto
Valor devuelto： Cadena que representa el orden de apilamiento de los elementos.
Versión de CSS： CSS2

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte