我正在使用以下脚本为导航div的背景图像设置精灵动画：
$("li#test2").hover(
function () {
$(this).animate({
'background-position-y': '-40'
}, 500);
},
function () {
$(this).animate({
'background-position-y': '0'
}, 500);
}
);
在Safari和Chrome中可以正常工作，但在Firefox中则不能。 您可以在此处看到它的页面。 只需将鼠标悬停在导航栏中的第一个“家庭”图像上即可。
有人可以让我知道为什么它不能在Firefox中工作吗？
谢谢，
缺口
background-position-x和background-position-y不是标准。
如果要设置动画，则必须使用background-position修改两个值（x和y）。
看这些站点：
http://snook.ca/archives/html_and_css/background-position-xy
Firefox似乎不支持backgroundPositionY属性，因此您需要使用需要两个坐标的backgroundPosition属性。
"backgroundPositionY" in document.createElement("div").style
//true for chrome, false for firefox
"backgroundPosition" in document.createElement("div").style
//true for both
由于jQuery将不支持开箱即用，你需要使用挂钩插件像这样
我在第46行的slider.js中显示语法错误。也许某些未正确关闭？