
un saludo y gracias por adelantado
| |||
mostrar un texto dentro de imagen con on mouse over Hola, me gustaría saber cómo puedo hacer que en una imagen, al hacer on mouse over aparezca un texto (sin hacerlo como imagen), una div con el icono del ojo y la palabra "ver" y un fondo semi transparente negro, les pongo una imagen para explicarme mejor. ¿pueden ayudarme?: ![]() un saludo y gracias por adelantado |
| ||||
Respuesta: mostrar un texto dentro de imagen con on mouse over tomemos por caso este html
Código HTML:
Ver original luego si lo encaras solo con css, podes hacer esto:
Código CSS:
No se si funcionará en ie7-, creo que el bug de ":hover" lo solucionas con esta librería: http://blog.unijimpe.net/ie5-ie6-estandar-con-ie7js/Ver original Este tipo de cosas se suele hacer con javascript, en mi caso uso jquery, este código te irá bien:
Código Javascript:
Ver original Saludos. me olvidaba: para el fondo transparente podes usar la propiedad opacity o un fondo png transparente repetido. Última edición por cristian_cena; 17/08/2011 a las 02:16 |
| ||||
Respuesta: mostrar un texto dentro de imagen con on mouse over Esta solucion funciona, valiendote de css y jQuery
Código HTML:
Ver original El unico problema es el centrado vertical en ie7, para el cual hay que poner el margen superior para la capa que contiene los detalles a traves de un condicional demo http://foros.emprear.com/css/texto-s...en/efecto.html Saludos
__________________ La voz de las antenas va, sustituyendo a Dios. Cuando finalice la mutación, nueva edad media habrá S.R. |
Etiquetas: |