2010-04-14 8 views
0

J'ai utilisé cet effet avant, tout est en ordre (pour autant que je vois), mais ça ne marche pas. Qu'ai-je manqué?Sprites CSS rollover

Fiddle here

Sprite here

Merci. Um, votre position d'arrière-plan ajuste la position de départ supérieure plutôt que la position de départ gauche?

Répondre

4

Depuis l'image-objet est disposé horizontalement, vous voulez compenser l'état de vol stationnaire comme ceci:

element:hover { 
background-position: -77px 0; 
} 
+1

Notez l'ordre échangé et la valeur négative. Les deux sont nécessaires. – kingjeffrey

+0

C'est une erreur que je fais tout le temps. Je repense à la géométrie du lycée et à toutes ces coordonnées (x, y). background-position a le même ordre. – kingjeffrey

0

1

Votre arrière-plan décalage semble être mal - au lieu de 0 77px (qui est un décalage y, le long l'axe mauvais), essayez -77px 0.

1

suffit de changer

background-position: 0 77px; 

à

background-position: -77px 0;