背景圖像動畫在Firefox

不工作我使用下面的腳本動畫的背景圖像的導航DIV精靈：背景圖像動畫在Firefox

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

這工作正常，在Safari和Chrome，但不能在Firefox 。您可以看到它在here上的頁面。只需將鼠標懸停在導航欄中的第一個「家」圖片上即可。

有人能讓我知道爲什麼它不適用於Firefox嗎？

感謝，

尼克

來源

2011-12-11 Nick

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

來源

2011-12-11 18:40:25

@osmosis謝謝，現在可以在Firefox中使用。 – Nick

它看起來並不像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

來源

2011-12-11 18:33:58 Esailija

我展示一個語法錯誤slider.js在線46也許一些WASN」 t是否正確關閉？

來源

2011-12-11 18:34:43 john

通過代碼看，它看起來像最後一組結束括號是不必要的。 '}）;'沒有關閉任何東西。 – john

背景圖像動畫在Firefox

回答

相關問題