manual de referencia CSS

reglas @ CSS (RULES)

propiedades CSS completas

Manual completo de propiedades CSS (por función)CSS3 word-Atributo wrap

CSS z-Método de uso y ejemplo del atributo index

z-El atributo index especifica el orden de apilamiento de un elemento. Los elementos con un orden de apilamiento más alto siempre estarán delante de los elementos con un orden de apilamiento más bajo. Nota: z-index seElementos alineados(position:absolute, position:relative, o position:fixed).

La tabla a continuación describe el uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de javascript.

Valor predeterminado:	auto
Aplicable a:	Elementos de alineación
Herencia:	No
Animable:	es.Consulte Atributos de animación。
Versión:	CSS 2、3

Nota:Cuando los elementos se superponen, el z-El index determina qué se superpone.-El index generalmente está delante de los elementos con nivel de elemento más bajo que se superponen.

z-Sintaxis de uso de index

La sintaxis de este atributo es la siguiente:

z-index:　integer　|　auto　|　initial　|　inherit

Los siguientes ejemplos demuestran cómo usar z-Atributo index.

Ejemplo

　　div　{
　　　position:　absolute;
　　　lop:　30px;
　　　left:　30px;
　　　z-index:　2;
　　}

Prueba aquí‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

Valor	Descripción
integer	Establecer el orden del nivel de pila del cuadro del elemento en el contexto de pila actual. Este cuadro también crea un contexto de pila local, donde su nivel de pila es 0 (cero). Se permiten valores enteros negativos.
auto	El nivel de pila del cuadro del elemento es el mismo que el nivel de pila del cuadro del padre, y no se crea un nuevo contexto de pila. Este es el valor predeterminado.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento asociado utiliza el z-El valor del atributo index.

Compatibilidad del navegador

z-La compatibilidad del navegador del atributo index, los números en la tabla a continuación representan la versión más baja del navegador que admite este atributo; todos los navegadores principales admiten este atributo.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Leer más

Consulte los siguientes tutoriales:Posición de CSS，Capa de CSS。

Atributos relacionados:position，top，right，left，bottom。

Manual completo de propiedades CSS (por función)CSS3 word-Atributo wrap