Div que aparece al pasar el raton

[neofilo]

Hola a todos, se que el tema esta un poco trillado pero he estado mirando y no encuentro como hacer exactamente lo que quiero.

He visto una pagina web, en la que al cargar, esta totalmente sin contenido, solo la foto de fondo, pero al pasar el ratón por encima, aparecen diferentes divs y a la hora de retirarlo el div desaparece.

la pagina en la que lo he visto es esta: http://www.sothebysrealty.com/

a ver si me podéis echar una mano, todos los codigos que he visto parten de un texto que al pasar por encima muestran otro div, pero no he encontrado ninguno que sea al pasar por encima del div oculto este se muestre y luego desaparezca.

[redvirus13]

Hola neofilo . mira a ver es lo que buscas http://jsfiddle.net/redvirus13/Lq9JJ/6/

Un saludo

[neofilo]

no, no es exactamente, la cuestión es que aparece una pagina sin nada y al pasar por encima de un div que por defecto está oculto, este se muestra.

[0123]

Buenas neofilo,

Yo eso no lo haria con Javascript, es complicarse. Creo que lo puedes hacer mejor con CSS.

http://jsfiddle.net/gXq8R/3/

Creo que hace lo que quieres.

Y solo con CSS, hacer eso con Javascript te va a aburrir... jeje.

Un saludo

pd: situate encima de la ventana

[neofilo]

Buenas neofilo,

Yo eso no lo haria con Javascript, es complicarse. Creo que lo puedes hacer mejor con CSS.

http://jsfiddle.net/gXq8R/3/

Creo que hace lo que quieres.

Y solo con CSS, hacer eso con Javascript te va a aburrir... jeje.

Un saludo

Está muy bien pero ya hay que situarse encima de algun punto concreto, no hay forma de que el div sea totalmente invisible hasta pasar el raton por encima?

[0123]

No te entiendo neofilo... el div solo se muestra cuando te situas encima de el con el raton.

Si no te vale.... tendras que usar eventos de javascript onmouse... un saludo!

[IsaBelM]

es un mapa de imagen. una vez que entra el cursor en el área delimitada, dentro de ésta, aparece un bloque