Como colocar um DIV transparente em cima de outro DIV

A propriedade “absoluta” do CSS permite atribuir programaticamente um local para contêineres DIV. Você pode criar camadas com seus contêineres DIV e colocar um em cima do outro. Um DIV transparente em cima do outro mostrará apenas o DIV inferior, pois o superior não possui uma cor sólida. O uso de um DIV transparente permite ocultar e mostrar conteúdo dinamicamente dentro do seu DIV inferior.

Passo 1

Clique com o botão direito do mouse no arquivo HTML que você deseja editar. Clique em “Abrir com” e, em seguida, clique no programa editor de HTML na lista de atalhos.

Etapa 2

Crie um DIV mais baixo. O código a seguir demonstra como criar um DIV que é colocado no canto superior esquerdo do navegador do usuário:

Meu conteúdo de baixo

Etapa 3

Crie o DIV ttransparent e coloque-o no mesmo local que o “bottomdiv” criado na etapa 2:

Meu conteúdo do topo

O estilo “opacidade” em “0” cria um DIV transparente.

Referências

 

Você pode estar interessado:

Deixe um comentário