Estilo Propiedad zIndex
Ejemplo
Cambia el orden de la pila de un elemento <img>:
document.getElementById("img1").style.zIndex = "1";
Definición y uso
La propiedad zIndex establece o devuelve el orden de pila de un elemento posicionado.
Un elemento con mayor orden de apilamiento (1) siempre está delante de otro elemento con menor orden de apilamiento (0).
Sugerencia: un elemento posicionado es un elemento con la propiedad de posición establecida en: relativa, absoluta o fija.
Sugerencia: esta propiedad es útil si desea crear elementos superpuestos.
Compatibilidad con navegador
| Property | |||||
|---|---|---|---|---|---|
| zIndex | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad zIndex:
object.style.zIndex
Establezca la propiedad zIndex:
object.style.zIndex = "auto|number|initial|inherit"
Valores de propiedad
| 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 |
Detalles técnicos
| Valor por defecto: | auto |
|---|---|
| Valor de retorno: | Una cadena, que representa el orden de pila de un elemento |
| Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Cambie el valor de propiedad del índice z de un elemento <div>:
document.getElementById("myDIV").style.zIndex = "-1";
Ejemplo
Devuelve el valor de propiedad del índice z de un elemento <img>:
alert(document.getElementById("img1").style.zIndex);
páginas relacionadas
Tutorial CSS: Posicionamiento CSS
Referencia de CSS: propiedad de índice z
❮ Objeto de estilo