背景图像动画在Firefox

Question

不工作我使用下面的脚本动画的背景图像的导航DIV精灵：

$("li#test2").hover(
     function() { 
     $(this).animate({ 
      'background-position-y': '-40' 
     }, 500); 
     }, 
     function() { 
     $(this).animate({ 
      'background-position-y': '0' 
     }, 500); 
     } 
    ); 

这工作正常，在Safari和Chrome，但不能在Firefox 。您可以看到它在here上的页面。只需将鼠标悬停在导航栏中的第一个“家”图片上即可。

有人能让我知道为什么它不适用于Firefox吗？

感谢，

尼克

Answer 1

background-position-x和background-position-y不是标准。

如果要制作动画，则必须使用background-position修改两个值（x和y）。

看看这些网站：

http://snook.ca/archives/html_and_css/background-position-x-y

https://developer.mozilla.org/en/CSS/background-position

Answer 2

它看起来并不像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将不支持开箱即用，你需要使用挂钩插件像this

Answer 3

我展示一个语法错误slider.js在线46也许一些WASN” t是否正确关闭？