15/07/2011, 02:20
| |||
| |||
| ¿Cómo mostrar un texto y un fondo al poner cursor encima de una imagen? 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? |
|
15/07/2011, 05:08
| ||||
| ||||
| Respuesta: ¿Cómo mostrar un texto y un fondo al poner cursor encima de una imagen? 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. |
|
16/07/2011, 10:50
| |||
| |||
| Respuesta: ¿Cómo mostrar un texto y un fondo al poner cursor encima de una imagen? Espero que esto te sea de utilidad: http://www.sohtanaka.com/web-design/...n-hover-w-css/ Comentanos, cómo te fue ;) |
| Etiquetas: |
