04/06/2013, 13:38
|
 | | | Fecha de Ingreso: junio-2013
Mensajes: 16
Antigüedad: 10 años, 11 meses Puntos: 0 | |
| Problema con la clase :hover (Pantallazo al pasar mouse)
Muy buenas amigos! Sigo desde hace mucho este fantástico sitio que siempre me a servido de ayuda a la hora de solucionar mis problemas, así y todo, esta es mi primera intervención y es que tengo un problema con la clase :hover de CSS que me trae la cabeza loca.
El código que tengo es el siguiente:
#spotitab{
background:url(../imagenes/tablon/spoti.png) no-repeat;
width:150px;
height:150px;
margin-left:30px;}
#spotitab:hover{ background:url(../imagenes/tablon/spoti2.png) no-repeat;}
Como se puede apreciar, la idea es que al pasar el mouse por encima, la imagen que tengo por defecto se me cambie. Pues hasta ahí todo bien.
El problema está en que por algún motivo que desconozco, al pasar el ratón por encima, la imagen me desaparece y me vuelve a aparecer. Es decir, en lugar de pasar de foto1 a foto2, el efecto que me crea es foto1, desaparece, foto 2.
¿Cómo podría solucionarlo?
Muchisimas gracias de antemano! |