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.