Como colocar um DIV transparente em cima de outro DIV

Usar um DIV transparente permite ocultar e exibir o conteúdo dinamicamente em 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.

Passo 2

Crie um IVD 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 do fundo

Passo 3

Crie o DIV transparente e coloque-o no mesmo lugar que o "bottomdiv" criado no passo 2:

Meu conteúdo do topo

O estilo "opacidade" em "0" cria um DIV transparente.