Aplicar um valor de z-index - Ajuda do Webflow

Last updated on 10/26/2025@mrbirddev
Aplicar um valor de z-index - Ajuda do Webflow

Use o valor de z-index para ordenar elementos empilhados

Camadas de elementos com z-index - Tutorial de design web (usando a interface antiga)

O que é um valor de z-index

O valor de z-index controla a ordem de empilhamento de um elemento.

  • Elementos com um valor de z-index mais alto empilham sobre aqueles com um valor mais baixo.
  • Elementos filhos só podem empilhar de acordo com seu elemento pai. (Ou seja, se o elemento A tem um z-index maior que o elemento B, os filhos do elemento B nunca sobreporão o elemento A.)
  • Z-index só funciona em posicionamentos relativo, absoluto e fixo.
  • O valor padrão de z-index é 0.

Use um valor de z-index para empilhar elementos

  • Selecione um bloco div que você gostaria de posicionar.
  • Aplique um valor de z-index (porque o valor padrão de z-index é 0, qualquer valor maior que 0 posicionará um elemento no topo).
  • Valores mais altos empilharão sobre valores mais baixos.
  • Valores negativos podem fazer com que elementos desapareçam.
Valores negativos de z-index podem fazer com que elementos desapareçam atrás de outros elementos. Use com cautela!

Voltar para a ajuda do webflow

Last updated on 10/26/2025@mrbirddev
Recent Articles
Loading...