简单的jquery动画不能在firefox中工作

Question

我有一个简单的背景图像，它从左到右连续移动。除了firefox（仅测试11次）之外，所有浏览器都能很好地工作;

这是代码：

$(document).ready(function() {
        animateClouds();                                
    });

    function animateClouds() {
        $('#theclouds').animate ({
            'background-position-x': '+=5000'
        }, 100000, 'linear', function() {
            animateClouds();            
      });
    }

Answer 1

CSS规范中没有background-position-x属性。有些浏览器无论如何支持它; Firefox恰好不会。

Answer 2

使用它可以解决这个问题。我自己用过它，效果很好：

https://github.com/Poetro/jQuery.backgroundPosition