jquery animate(高度)导致背景图像在 Firefox 中闪烁

Question

我在 Firefox 中使用 jQuery.animate 时遇到一个小问题:当我用一些背景图像对容器的高度进行动画处理时，背景仅在 Firefox 上开始闪烁 - 所有其他浏览器(甚至 ie)都显示平滑的动画。一个简化的代码片段显示了我所做的事情:

<div style="background-image:url(image.jpg);background-position:50% 50%;height:200px;"
      onmouseover="jQuery(this).animate({height:400});"></div>

非常感谢您的帮助。

Answer 1

出于兴趣，如果将其包装在另一个 DIV 中并对其进行动画处理，例如，会发生什么

<div style="background-position:50% 50%;height:200px;" onmouseover="jQuery(this).animate({height:400});">
     <div style="background-image:url(image.jpg);"></div>
</div>

(郑重声明，我使用了您的代码，但更喜欢使用 CSS 类和 Late jQuery 事件绑定(bind)；-)