Où ai-je tort d'animer ce poste de fond?

Question

code:

$('#mappa-content').animate({ backgroundPosition: "0 -54px" }, 500); 

l'image en arrière-plan ne bouge pas. Pourquoi? Comment puis-je le réparer?

Answer 1

Vous ne pouvez pas animer background-position hors de la boîte.

Vous pouvez ajouter un support avec a plugin (le site est en panne pour le moment, donc here's a mirror).

Vous pouvez animer background-position-x et background-position-y, mais ces propriétés ne sont pas prises en charge par exemple dans Firefox/Opera.

Answer 2

Citations dans le sélecteur:

$('#mappa-content').animate({ backgroundPosition: "0 -54px" }, 500); 

Answer 3

Essayez ceci:

$('#mappa-content').animate({'background-position-x':'-54px'},500);