Question

我搜索了网络上的背景动画样本。

并且它的工作原理是外观和铬, 但是动画背景与歌剧和Firefox不合作。是否有任何办法可以让浏览器之间进行这项工作?

它包含的代码是:

$(document).ready(function(){
 $("#puppies")
    .animate({
        backgroundPositionY: "0px",
        backgroundPositionX: "-250px"
    }, 2000);
});

Answer 1

FF 不支持 < 强度 > 地表位置 < 强度 > < /强度 > 和 < 强度 > 地表位置X < /强度 > 。因此,如果您想要动画背景, 您应该通过 < 强度 > X, Y < /强度 > 的数值, 组合到 < 强度 > 地表位置 < /强度 > 。

以下是对同一问题的讨论:

form-image 动画在 Firefox 中不起作用

另见:

http://www.protofunc.com/scriptions/jquery/backgroundPostion/"rel="没有跟随 noreferrer" >http://www.protofunc.com/statics/jquery/backgroundPosimtion/

http://snook.ca/archives/javascription/jquery-bg-image-animations/"rel=“不跟随 no follown noreferrer" >http://snook.ca/archives/javascript/jquery-bg-image-animations/

希望这能帮上忙

Answer 2

@AlphaMale 描述为什么您的代码失败是准确的。我使用一个手动的片段, 使此工作以下列语法交叉浏览器 :

$(document).ready(function(){
  $("#puppies")
    .animate({
        backgroundPosition : "(0 -250px)"
    }, 2000);
});

See it in ACTION! http://jsfiddle.net/dUmNN/1/

友情链接