manual de referência CSS

regra CSS (RULES)

大全 CSS atributo

Manual Completo de Propriedades CSS (por função)CSS3 word-Atributo wrap

CSS z-Método de uso e exemplo do atributo index

z-O atributo index especifica a ordem de pilha de um elemento. O elemento com ordem de pilha mais alta sempre ficará à frente do elemento com ordem de pilha mais baixa. Atenção: z-index realizaElemento alinhado(position:absolute, position:relative, ou position:fixed).

A tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.

Padrão:	auto
Aplicável a:	Elemento alinhado
Herança:	Não
Animável:	é.Por favor, consulte Atributo de animação。
Versão:	CSS 2、3

Atenção:Quando os elementos se sobrepõem, o z-O index determina qual se sobrepondo.-O index geralmente está na frente de elementos com nível de elemento mais baixo.

z-Sintaxe de uso do index

A sintaxe deste atributo é a seguinte:

z-index: integer | auto | initial | inherit

Os exemplos a seguir mostram como usar z-Atributo index.

Exemplo

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

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
integer	Defina a ordem do nível de pilha da caixa do elemento no contexto atual da pilha. Essa caixa também estabelece um contexto local da pilha, onde o nível de pilha é 0 (zero). Permite usar valores negativos inteiros.
auto	O nível de pilha da caixa do elemento é o mesmo que o nível de pilha da caixa pai, e não é estabelecido um novo contexto de pilha. Este é o valor padrão.
initial	Defina esse atributo para seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o z-O valor do atributo index.

Compatibilidade do navegador

z-Compatibilidade do navegador do atributo index, os números na tabela a seguir representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

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