Pular para o conteúdo

🎉 Material UI v5 is out! Head to the migration guide to get started.

z-index

z-index é a propriedade CSS que ajuda a controlar o leiaute, fornecendo um terceiro eixo para organizar o conteúdo.

Vários componentes do Material-UI utiliza z-index, empregando uma escala z-index padrão em Material-UI, que foi projetada para adequar camadas de drawers, modais, snackbars, dicas, e muito mais.

Estes valores começam em um número arbitrário, alto e específico, o suficiente para idealmente evitar conflitos.

  • assistente mobile: 1000
  • acesso rápido: 1050
  • barra de aplicativos: 1100
  • drawer: 1200
  • modal: 1300
  • snackbar: 1400
  • dica: 1500

Esses valores sempre podem ser customizados. Você os encontrará no tema sob a chave zIndex do objeto de tema. Customização de valores individuais não é recomendada; se você deve mudar um, você provavelmente precisará mudar todos eles.