jquery - 为什么背景大小为 : cover; slow down my jquery animation?

Question

我一直在努力理解为什么我刚开始构建的网站上的 jQuery 动画运行如此缓慢。结果证明这与我应用于大背景的 background-size:cover 有关 body 标签上的图像。

性能低下只发生在我的 Firefox 中，它在 safari 和 chrome 中很好，我尝试禁用所有附加组件，所以不要认为它会影响任何事情。

当我在 firebug 中关闭 background-size 时，我的 jQuery slideDown 效果运行流畅。把它放回去，它们会跑得更颠簸。当我改用 CSS3 过渡动画时，也会发生同样的事情。

知道为什么背景大小属性会影响动画吗？

有问题的页面是:http://flc.timidmedia.co.uk/如果将鼠标悬停在右侧列的任何框上，您应该会看到动画。

Answer 1

可能是因为 background-size:cover 必须进行额外的计算才能正确呈现。

请参阅此说明，了解需要做什么才能使其发挥作用。

cover

Specifies that the background image should be scaled to beas small as possible, while ensuring both its dimensions are greaterthan or equal to the corresponding dimensions of the backgroundpositioning area.

https://developer.mozilla.org/en/CSS/background-size

只是猜测，但也许 FF 的引擎在这个上很慢？