Quando um Técnico criou uma página web usando HTML e CSS, um elemento ficou sobreposto ao outro na tela e ele deseja inverter a ordem de sobreposição desses elementos. Para definir

Gabarito

A

Comentário do professor

A propriedade z-index controla a ordem de sobreposição dos elementos no eixo Z, ou seja, quais elementos aparecem acima de outros na tela.

Quanto maior o valor numérico de z-index, mais "à frente" o elemento fica; valores negativos colocam o elemento mais "ao fundo".

Para que z-index funcione é necessário que o elemento faça parte de um contexto de empilhamento: geralmente isso exige que tenha position diferente de static (por exemplo, relative, absolute, fixed ou sticky), ou que seja um item de layout (flex/grid) que crie seu próprio contexto.

Lembre-se que alguns elementos criam um stacking context por conta própria (opacity, transform, etc.), o que afeta como os valores de z-index são comparados entre elementos.

Em resumo: use z-index com valores inteiros para ajustar quem fica sobreposto, garantindo que os elementos estejam em um contexto de empilhamento apropriado.