Caso queira que o primeiro box(vermelho) seja o que fique frente, basta aplicar um z-index maior nele, e assim por diante com qualquer elemento na página, como mostra a listagem 4.
Para que as imagens fiquem sobrepostas e posicionadas da forma que queremos, usamos a propriedade CSSposition. No exemplo, usamos a position:relative para a DIV pai e position:absolute para a DIV filho. A segunda imagem ficou posicionada sobre a primeira, pois foi colocada na DIV depois com position:absolute.
Para deixar uma à frente da outra precisamos alterar o eixo Z dela.
O atributo z-index (en-US) lhe permite ajustar a ordem de sobreposição dos objetos ao renderizar o conteúdo. Em CSS 2.1, cada caixa tem uma posição nas três dimensões. Em adição às suas posições na horizontal e vertical, caixas ficam no "eixo-z" e são formatadas uma em cima da outra.
A propriedade Z-index especifica a ordem da pilha de um elemento do anúncio. Um elemento com número de ordem de empilhamento superior será exibido à frente de outro com número inferior.
Quais os pontos positivos e negativos da agricultura familiar?
Como tirar arranhão de insulfilm?
Qual é o peso ideal para um homem de 1 metro e 80?
Para que serve chá de alecrim no cabelo?
Como medir a altura que eu vou ficar?
O que os brasileiros mais procuram na internet?
O que se comemora em 22 de Outubro de 2021?
Tem como o cabelo branco voltar a cor natural?
O que é tautologia dê exemplos?
Precisa de visto para Dubai 2021?
O que significa recurso ordinário 1 instância INSS?
Quais são os benefícios do café da cevada?
Qual a morfologia externa do coração?
Quem foi o primeiro a descobrir a América?