Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/01/2016, 03:53
laurarock
 
Fecha de Ingreso: julio-2015
Mensajes: 54
Antigüedad: 8 años, 9 meses
Puntos: 1
Problema con el a:hover de una imagen

Buenos días,

tengo una duda sobre una imagen que tengo con un enlace externo.

He creado una imagen como botón para mi web cuando paso el ratón por encima de ella el efecto es cambiar por otra... este es el código:


.myclass > a {
background: url(https://www.miweb.com/img/bottom.png) no-repeat left center;
text-indent: -9999px;
width: 135px;

}

.myclass > a:hover {
background: url(https://www.miweb.com/img/bottom2.png) no-repeat left center;
text-indent: -9999px;
width: 135px;

}

El problema es que cuando se pasa el ratón por encima durante un segundo la imagen desaparece hasta que aparece la nueva. Es solo un segundo pero queda fatal.

¿Alguien sabe porque puede ser?

Gracias