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 saber se o Instagram desativou minha conta?
É possível recuperar arquivos do computador que sumiram?
Como se adquire uma infecção hospitalar?
Como recuperar os contatos do WhatsApp em outro celular?
Como recuperar um documento do Word excluído da lixeira?
Como recuperar a conta suspensa do Twitter?
Como surgiu o vírus da hepatite B?
Tem como recuperar mensagens de um contato bloqueado no WhatsApp?
Como aprender a acentuação das palavras?
Como se adquire uma propriedade imóvel?
Como transformar um docx em imagem?
Quais são os principais sintomas da doença ascaridíase?
Como instalar o Aptoide TV no Fire Stick?
O que é transferência de domínio?
Como deixar o cabelo com cachos bonitos?