Questão nº 50
Questão de Tecnologia da Informação · FGV TJ-AP 2024 (nº 50)
Analise o código HTML exibido a seguir, cujas linhas foram numeradas somente para fins de referência.
```
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 img {
6 position: absolute;
7 left: 0px;
8 top: 0px;
9 ----
10 }
11 </style>
12 </head>
13 <body>
14
15 <h1>ATENÇÃO</h1>
16 <img src="img_tree.png">
17 <p>Essa imagem não deve ser copiada.</p>
18 </body>
19 </html>
```
Para que a imagem seja exibida na página por trás do texto, a linha 9 deve conter:
- Adeep-align: 0;
- Bdisplay: block behind;
- Coverflow: auto;
- Dvisible: behind;
- Ez-index: -1; (alternativa correta)
Resposta comentada
Gabarito Alternativa E
No CSS, o posicionamento (position) define como um elemento é colocado na página, e o z-index controla a ordem de empilhamento (quem fica por cima ou por baixo) de elementos que foram posicionados.
- (A) Incorreta:
deep-alignnão é uma propriedade CSS válida. - (B) Incorreta:
display: block behind;é uma sintaxe inválida. A propriedadedisplaycontrola como um elemento se comporta em relação ao fluxo do documento (ex:block,inline,flex), ebehindnão é um valor válido para ela, nem serve para empilhamento. - (C) Incorreta:
overflow: auto;é uma propriedade que controla o que acontece quando o conteúdo de um elemento é muito grande para caber em sua caixa (ex: cria barras de rolagem). Não tem relação com a ordem de empilhamento de elementos. - (D) Incorreta:
visible: behind;é uma sintaxe inválida.visibleé um valor da propriedadevisibility(que pode servisible,hidden,collapse), e não uma propriedade por si só. Além disso,visibilityapenas mostra ou esconde um elemento, não o posiciona em camadas. - (E) Correta: A propriedade
z-indexcontrola a ordem de empilhamento de elementos posicionados (como a imagem que já temposition: absolute;). Um valor negativo, como-1, faz com que o elemento seja exibido atrás de outros elementos que estão no fluxo normal do documento (como o texto<h1>e<p>), que por padrão têm umz-indeximplícito de0ou maior.
Fonte: FGV TJ-AP 2024 Analista Judiciário - TI - Desenvolvimento de Sistemas (Caderno Tipo 1). Reproduzida para fins de estudo.