![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
24/01/2011, 17:42
|
![Avatar de sanxuan](http://static.forosdelweb.com/customavatars/avatar384533_1.gif) | | | Fecha de Ingreso: enero-2011 Ubicación: Gijón
Mensajes: 671
Antigüedad: 14 años, 1 mes Puntos: 36 | |
Respuesta: Texto alterno con saltos de línea Siempre pensando en lo mismo. ¿Por qué les llaman globos?
Se llaman capas, técnicamente <div>. Supongamos que a su div lo llama <div id="TxtHover">.
Si no importa en qué parte de la imagen haya que ponerse para que aparezca, puedes usar
un selector #TxtHover:hover{}.
Si piensas que debería aparecer sólo cuando pases sobre alguna parte de tu imagen, la cosa se complica. Necesitasa usar un mapa de imágenes y definir las áreas que harán que se muestre esa capa. Es necesario saber lo que es la etiqueta <map> y <area>y el atributo "usemap" de <img>. Y por supuesto seguir usando la pseudoclase :hover.
Lo que hay que hacer es crear ese div con la información que desees. Defines para él la propiedad visibility:hidden para ocultarlo y a continuación usas la famosa pseudo-clase :hover y declaras dentro de ella visibility:visible. Eso hace que se muestre al pasar el puntero del ratón por encima del elemento correspondiente.
Última edición por sanxuan; 24/01/2011 a las 17:47 |