代码之家 › 专栏 › 技术社区 › roman

jquery animate(height)导致Firefox中的背景图像闪烁

jquery-animate firefox jquery

roman · 技术社区 · 14 年前

我在使用jquery.animate和firefox时有一个小问题:当我用一些背景图像来设置容器高度的动画时,背景只会在firefox上闪烁-所有其他浏览器(甚至IE)都会显示平滑的动画。显示我所做操作的简化代码段:

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

我非常感谢你的帮助。

1 回复 | 直到 14 年前

Mutation Person 14 年前

出于兴趣,如果将其包装在另一个分区并对其进行动画处理,会发生什么情况,例如

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

(关于记录,我使用了您的代码,但最好使用CSS类和后期jquery事件绑定;-)

推荐文章

G. Ball. · 无法淡出数组中的特定元素

6 年前

Dahnteyy · jquery scrollTop动画功能不工作

6 年前

dihakz · 如何让jQuery从最后一个位置设置动画到新位置?

6 年前

Jimmy · jquery addclass之后的css转换

6 年前

Referee Andy · 延迟后添加的淡入/淡出div

6 年前

user2587454 · 使用动画从下至上展开div

7 年前

Jasbir · 动画编号需要在60秒内停止

7 年前

John Holliday · 自动滚动(aos)不在Wordpress中加载

7 年前

da_root · 动画JSON值的计数并替换null

7 年前

yl2201 · Jquery动画未在指定为%

7 年前