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.