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.
Como ganhar 50 MB de internet grátis TIM?
Quanto ganha em média um cliente oculto?
Como posso saber se sou frígida?
Como funcionava o Pacto Colonial sua resposta?
Como funciona o pacote Office Family?
Como que eu faço para ver o jogo do Flamengo?
Como saber se uma pessoa é impulsiva?
Quando uma pessoa é considerada hipossuficiente?
Como saber se você é um prodígio?
Quem tem direito ao cartão material escolar no DF?
Estou grávida e não sinto vontade de fazer nada?
Como compartilhar jogos na Steam 2020?