¿Cómo mostrar un texto y un fondo al poner cursor encima de una imagen?

[G-or-G]

Hola quiero poner en una página varias imágenes y que al poner el cursor encima de cada una muestre un fondo de color y un texto en el cuadrado que ocupa la imagen. ¿pueden ayudarme?

[vgonga1986]

La idea que planteas es interesante, te voy a dar una pequeña ayuda para empezar y lo intentas, si tienes problemas, vuelve con algo de código y te echamos una mano.

Necesitas dos elementos, un <div> y dentro cualquier etiqueta html para escribir el texto (por ejemplo una <p>). En el CSS tendrás que conseguir lo siguiente:
1. En la etiqueta div tendrás que poner la imagen de fondo.
2. La etiqueta p deberá estar oculta cuando el ratón no está encima.
3. Cuando el ratón esté encima (:hover) deberá aparecer la etiqueta p que estaba oculta con el color de fondo que quieras y ocupar todo el div, para que la imagen de fondo no se vea.

Sigue esas indicaciones y a ver qué puedes traernos.

Un saludo.

[ambigus]

Espero que esto te sea de utilidad: http://www.sohtanaka.com/web-design/...n-hover-w-css/

Comentanos, cómo te fue ;)