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

Posted 2023-05-08

【中文标题】jQuery div 悬停功能在 Firefox 中不起作用

【英文标题】：jQuery div hover function not working in Firefox

【发布时间】：2011-01-16 18:19:30

【问题描述】：

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' );
 );
); 

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

【参考方案1】：

firefox 不支持背景位置-y，如您所见here。请改用background-position: 0 -60px;（因此包括 x 和 y 位置指令）。