Acerca das linguagens de desenvolvimento JavaScript, HTML e ...
No CSS, a propriedade z-index permite sobrepor elementos em camada. Nessa representação, os elementos com valores z-index mais altos são exibidos na frente de elementos com z-index mais baixos.
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Gabarito: C - certo
A propriedade z-index é de fato um conceito fundamental no CSS quando se trata de empilhamento de elementos, ou seja, determinar a ordem de sobreposição de elementos que se sobrepõem na página. A propriedade z-index só tem efeito em elementos com posicionamento diferente de static (ou seja, relative, absolute, fixed ou sticky).
Quando mais de um elemento é sobreposto, o navegador usa o z-index para decidir qual elemento aparecerá na frente do outro. Elementos com um valor de z-index maior aparecerão na frente de elementos com um valor menor. Se o z-index for o mesmo ou omitido, a ordem de empilhamento é determinada pela estrutura do HTML, onde elementos mais adiante no código geralmente aparecem na frente.
É importante lembrar que o z-index só funciona dentro do contexto de empilhamento do mesmo elemento pai. Isso significa que um elemento com um contexto de empilhamento próprio (por exemplo, com position: relative) pode ter elementos filhos com seu próprio sistema de z-index independente de outros contextos de empilhamento na página.
Assim, a afirmação de que z-index permite sobrepor elementos em camada é correta, com elementos de valores mais altos sendo exibidos à frente de elementos com valores mais baixos, desde que estejam no mesmo contexto de empilhamento.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
The z-index property specifies the stack order of an element.
An element with greater stack order is always in front of an element with a lower stack order.
Fonte: http://www.w3schools.com/cssref/pr_pos_z-index.asp
Quem não tem acesso: - -> Certo
c-
The z-index property specifies the stack order of an element.
An element with greater stack order is always in front of an element with a lower stack order.
Note: z-index only works on positioned elements (position: absolute, position: relative, position: fixed, or position: sticky) and flex items (elements that are direct children of display:flex elements).
Note: If two positioned elements overlap without a z-index specified, the element positioned last in the HTML code will be shown on top.
<style>
img {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
</style>
</head>
<body>
<h1>The z-index Property</h1>
<img src="w3css.gif" width="100" height="140">
<p>Because the image has a z-index of -1, it will be placed behind the heading.</p>
</body>
https://www.w3schools.com/cssref/pr_pos_z-index.php
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo
Conheça nossos planos