CSS / JavaScript的如何使这个背景，地位的电影在Firefox像它在IE7 +呢？(C

<script language="javascript" >
  var speed=25; //speed
  var num=0;
  var photos = document.getElementById('head_image');
  function scrollBG() {
    num++;
    photos.style.backgroundPosition="0"+num;
  }
  setInterval('scrollBG()',speed);
</script>

这是有问题的网站：www.theorymarine.com

Answer 1:

photos.style.backgroundPosition = “0” + NUM;

你需要对CSS长度单位。

photos.style.backgroundPosition= num+'px 0';

你可能还喜欢立足于时间的动画，使其移动速度不依赖于“速度”或浏览器的性能。 例如。：

<script type="text/javascript">
    var photos= document.getElementById('head_image');
    var begin= new Date().getTime();
    setInterval(function() {
        var x= Math.floor((new Date().getTime()-begin)/25);
        photos.style.backgroundPosition= x+'px 0';
    }, 25);
</script>

文章来源: CSS/Javascript How do I make this background-position movie in Firefox like it does in IE7+?