Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/10/2011, 03:57
javi07
 
Fecha de Ingreso: octubre-2011
Mensajes: 6
Antigüedad: 12 años, 6 meses
Puntos: 0
Sonrisa Problema con sprites y background-position en Firefox

Hola,

Tengo un problemilla con el Firefox que me está llevando de cabeza.

Tengo un sprite y me gustaría cambiar la posición de la imagen de fondo mediante el :hover. Parece que todo funciona bien, salvo en el Firefox (ver.7.0.1), que no reacciona al :hover. ¿Alguna idea? Me he atascado en esto y no soy capaz de ver solución. En Safari, Chrome... si funciona, pero con el Firefox no lo consigo.

(foto.png es la imagen de fondo, img-sprites.gif es un gif transparente de 1px x 1px)



<style type="text/css">

a {
display: block;
width:100px;
height:100px;
border:2px solid #000;
background: url(foto.png) -210px 200px;
}

a:hover {
background-position-x: 300px;
}

</style>


<body>
<a href="#"><img src="img-sprites.gif" /></a>
</body>