z-index

Resumo

A propriedade z-index especifica a ordem-z de um elemento e de seus herdeiros. Quando os elementos sobrepõem, a z-ordem determina qual elemento cobre o outro.

• Valor inicial: auto;
• Aplica-se a: elementos posicionados;
• Herdado: não;
• Mídia: Visual;
• Valor computado: como especificado.

Sintaxe

z-index: auto | <integer> | inherit

Valores

auto 

O elemento é desenhado na mesma ordem-z como um elemento com z-index: 0. Isto não cria uma nova pilha de contexto.

<integer> 

O elemento é desenhado na ordem-z dada. Isto cria também uma nova pilha de contexto, que significa que todos os descendentes também terão o desenho no mesmo z-index. Dessa forma os z-indexes dos descendentes não são comparados aos z-indexes dos elementos do lado de fora deste elemento.

== Exemplos ==

Notas

Valores z-index negativos são suportados corretamente iniciando em Gecko 1.9 / Firefox 3. Versões mais antigas implementaram o comportamento do CSS 2, não o comportamento do CSS 2.1 que é compatível com outros navegadores.

Especificações

• CSS 2.1

== Compatibilidade com navegadores ==

Veja também

position

Categorias

Interwiki Language Links