Question

这是简单的背景位置动画。为什么鼠标上的IE 8没有动画呢？ Opera和Firefox不会显示任何操作，只有Chrome可以做得很好。如何使它适用于所有lates版浏览器？

$(function(){
$(".call_order").hover(function() {
    $(this).stop().animate({
        backgroundPositionX: "-300"
    }, 100);
} , function() { 
    $(this).stop().animate({
        backgroundPositionX: "0"
    }, 100);
});

}）;

Here is a sample

Answer 1

Firefox和Opera不支持backgroundPositionX和backgroundPositionY（因为它不在相应的规范中。）和IE8 seems to be buggy即使background-position也是如此。

backgroundPositionX和backgroundPositionY的

浏览器支持：

    Browser       Version
    ----------------------------
    Opera         Not Supported  
    Firefox       Not Supported  
    Safari        3+  
    IE            4+  
    Chrome        Yes (version unknown)

因此，我建议您使用Brandon Aaron's jQuery plug-in来获得对浏览器位置的跨浏览器支持。

如果你检查代码;它首先测试backgroundPositionX属性并查看它是否受浏览器支持。如果不;它从backgroundPosition属性中解析出X和Y值。

注意：与评论中的建议不同，CSS3会将would not be helpful转换为您，因为您需要IE8支持。

为什么我的jquery脚本动画不起作用？

1 个答案: