jQuery div 悬停功能在 Firefox 中不起作用

Question

http://cambridgeuplighting.com/testimonials

此代码适用于 Safari、IE7 和 IE8，但不适用于 FF 3.5.7。当您将鼠标悬停在 div 上时，代码会更改小背景图标的背景。

jQuery(function( $ ){
 $('.oneThird').hover(function(){
  $(this).find('span.icon').css( {'background-position-y': '-60px'} );
 }, function(){
  $(this).find('span.icon').css( {'background-position-y': '0px'} );
 });
}); 

有人可以帮忙吗？非常感谢。

Answer 1

如您所见，firefox 不支持背景位置-y 这里. 。使用 background-position: 0 -60px; 相反（因此包括 x 和 y 位置指令）。