En el diseño de página HTML, ¿cómo cambiar el contenido debajo de la barra de navegación cuando se coloca el mouse (diseño de página HTML+CSS)?

& ltdiv? id = " content " & gt

Esta es la capa div original

& ltdiv? id = " show " & gt

& ltp & gtEsta es la capa div después de que el mouse se mueve hacia arriba

& lt/div & gt;

& lt /div>?

¿& estilo? type="text/css " >>p>

*{

Margen:? 0;

Relleno:? 0;

}

#Contenido{

Fondo:# 0CF

Alto: 200px

Ancho: 200px

Margen izquierdo:? 20px

Margen superior:? 20px

}

#Display{

Ancho: 200px

Alto: 200px

Margen superior: ? 20px

Fondo: # F09

arriba:0px;

Posición: absoluta;

Opacidad:? 0;

Pantalla:? Escudo;

Tamaño de fuente:? 12px;

Transición:? 0.3s

-WebKit-Transición:? 5s;

-transición-moz:? 5s;

}

#Contenido:¿Pasar por encima? #Mostrar {

Color:? # 656e73

Opacidad:? 1;

}

& lt/estilo & gt;