Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/04/2015, 19:44
Avatar de fede5426
fede5426
 
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: Mostrar una imagen con mouse over

Código HTML:
Ver original
  1. <a href="#">
  2.   Link
  3.   <img src="http://oi61.tinypic.com/15ds9xf.jpg" />
  4. </a>

Código CSS:
Ver original
  1. a{
  2.   position:relative;
  3. }
  4.  
  5. img{
  6.   position:absolute;
  7.   top:100%;
  8.   left:-125px;
  9.   display:none;
  10. }
  11.  
  12. a:hover > img,
  13. img:hover{
  14.   display:block;
  15. }


Ejemplo: http://codepen.io/anon/pen/vEoQrL

Este está hecho solo con CSS, si se superpone con otros elementos usa z-index para "moverlo" a lo más alto.

Saludos