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 Classes和Late jQuery事件绑定; - ）

jquery animate（height）导致firefox中的背景图像闪烁

1 个答案: