图像滑动在FF中不起作用

Question

我正在尝试下面链接中提到的代码。

http://codepen.io/relfor/pen/qKjpL

这适用于Chrome。但不是在FF。知道为什么会这样吗？

注意：我正在尝试使用MAC FF。

我拥有的FF是最新版本。 23.0.1

---

为了让它与所有浏览器一起使用，我在下面做了

CSS

#offerId1 {
    background-position-x:-65px;
    background-position:-65px;
}

的javascript

setInterval(function(){
    $('#offerId1').animate(
    {'background-position-x':'300px', 'background-position':'300px'},
    2000,
    function(){
        $('#offerId1').css('background-position-x','-65px');
        $('#offerId1').css('background-position','-65px');
    })}, 1800)

Answer 1

你的代码工作正常，这是你的css不工作尝试这个我试试这个希望这项工作backgroundPositionX not working on Firefox

在js部分试试这个，你会看到它正在运作

setInterval(function(){
$('button').animate(
  {'background-position-x':'300px'},
  2000,
  function(){
    $('button').css('background-position-x','-65px').css('color','black')

  })}, 1800)

这只是一个指导原则。这是有用的，请参阅http://codepen.io/arifmahmudrana/pen/Eoefn