【问题标题】:Poor animation performance in Firefox when large background image is present存在大背景图像时,Firefox 中的动画性能不佳
【发布时间】:2010-11-02 19:18:26
【问题描述】:

我正在使用 jQuery 1.4.2 和 jQuery Tools 1.2.5 在我的网站导航中为手风琴制作动画。在 Chrome 和 Safari 中对其进行测试时,动画很流畅,非常符合我的喜好。在 Firefox 3.6.3 中,我看到了令人无法接受的断断续续程度,以至于我会说动画中只有 2 帧。页面内容位于包含导航和其他元素的 div 中。我尝试在库中移动以查看是否有任何部分导致速度变慢,但唯一明显改善的是当我将身体元素的背景图像更改为纯色时(目前它是大图像(jpg),我很确定这是罪魁祸首)。动画仍然不是很好,但已接近可接受的水平。我可以做些什么来改善Firefox中的动画吗?由于设计目的,我们需要在 body 元素(或所有其他元素下方)中包含背景图像。感谢阅读!

【问题讨论】:

  • 您是否在任何地方使用透明度(0 和 100 除外)?你有带 alpha 透明度的 PNG 吗?
  • 是的,网站上有透明的 png,但它们位于页面的其他位置并且没有动画。布局设置为左侧栏上的垂直手风琴菜单,内容和透明 png 位于菜单列右侧的列中。

标签: jquery firefox animation


【解决方案1】:

看起来这是一个特定于机器的问题。我正在一台全新的 iMac(2.8 ghz intel i5)上进行测试,当我在我的同事笔记本电脑上测试它时,它有更多的 RAM,网站运行得很好,我在这台电脑上有 4MB 的 RAM,我希望这足够了.我将在更多机器上进行测试。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-07-21
    • 2012-09-23
    • 2023-03-23
    • 2017-03-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多