为什么我的jquery脚本没有动画'；不行？

下面是一个简单的回绕位置动画。为什么IE 8在鼠标上不动它？ Opera和Firefox没有显示任何动作，只有Chrome做得很好。 如何使它在所有最新版本的浏览器上工作

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

}))

---

Firefox和Opera不支持

backgroundPositionX

和

backgroundPositionY

（bec.它不在相应的规范中。），甚至不支持

背景位置

浏览器支持
backgroundPositionX
和
backgroundPositionY
：

Browser       Version
    ----------------------------
    Opera         Not Supported  
    Firefox       Not Supported  
    Safari        3+  
    IE            4+  
    Chrome        Yes (version unknown)
浏览器版本
----------------------------
Opera不受支持
不支持Firefox
狩猎3+
IE 4+
Chrome是（版本未知）
因此，我建议您使用跨浏览器支持背景位置

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

注意：与评论中建议的不同，CSS3转换为您，因为您需要IE8支持。
Firefox和Opera不支持
backgroundPositionX
和
backgroundPositionY
（bec.不在相应的规范中。），甚至不支持
背景位置

浏览器支持
backgroundPositionX
和
backgroundPositionY
：

Browser       Version
    ----------------------------
    Opera         Not Supported  
    Firefox       Not Supported  
    Safari        3+  
    IE            4+  
    Chrome        Yes (version unknown)
浏览器版本
----------------------------
Opera不受支持
不支持Firefox
狩猎3+
IE 4+
Chrome是（版本未知）
因此，我建议您使用跨浏览器支持背景位置

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

注意：与评论中建议的不同，CSS3会向您转换，因为您需要IE8支持。
Firefox不识别
background-position-x
，只识别组合的
background-position:xvalue-yvalue
。其他浏览器可能是相同的。为什么不使用css和css而不是使用jquery？Alexander，如果下面的答案是ok，请接受它。Firefox无法识别
background-position-x
，只识别组合的
background position:xvalue yvalue
。可能其他浏览器都是一样的。为什么不使用css和css而不是jquery呢？Alexander，如果下面的答案是ok，请接受。