Problema con sprites y background-position en Firefox

javi07 · #1 (**permalink**) 29/10/2011, 03:57

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>

charlyalegret · #2 (**permalink**) 29/10/2011, 04:24

Hola, a mi me funciona de la siguiente manera:

background-position: 0px 300px;

Suerte

javi07 · #3 (**permalink**) 29/10/2011, 04:50

Hay cosas que nunca llegaré a entender.
Tan sencillo como esto. Gracias charlyalegret.

Cita:

Iniciado por charlyalegret

Hola, a mi me funciona de la siguiente manera:

background-position: 0px 300px;

Suerte