Question 1

O que é o z-index do CSS?

Accepted Answer

O z-index do CSS controla a ordem de empilhamento vertical de elementos posicionados. Elementos com z-index maior aparecem à frente de elementos com z-index menor quando se sobrepõem.

Question 2

Por que meu z-index não funciona?

Accepted Answer

O z-index só funciona em elementos posicionados (position: relative, absolute, fixed ou sticky). Elementos com position: static ignoram a propriedade z-index.

Question 3

O que é um contexto de empilhamento?

Accepted Answer

Um contexto de empilhamento é um elemento que cria sua própria camada de empilhamento. Propriedades como opacity < 1, transform e filter criam novos contextos de empilhamento.

Question 4

Quais são os valores de z-index comuns na UI?

Accepted Answer

Valores comuns: 0 para conteúdo base, 10-100 para cartões e dropdowns, 1000 para modais e sobreposições, 9999 para tooltips e notificações.

Question 5

Devo usar valores de z-index muito altos como 9999999?

Accepted Answer

Não. Usar valores arbitrariamente altos dificulta a manutenção. Defina uma escala de z-index no seu sistema de design (ex.: 10, 100, 200, 500, 1000) e use-a consistentemente.

Gerenciador de Z-Index

Lista de camadas

Visualização

Perguntas Frequentes

Comments & Feedback