为什么背景大小:覆盖;减慢我的jquery动画?

时间:2011-08-14 20:41:50

标签: jquery firefox css3

我一直在努力理解为什么我刚刚开始构建的网站上的jQuery动画运行如此缓慢..原来这与背景大小有关:我已应用于大背景的封面身体标签上的图像。

低迷的表现只发生在我的Firefox中,它在safari和chrome方面很好,我尝试禁用所有附加组件,所以不要认为它会影响事物。

当我在firebug中关闭背景大小时,我的jQuery slideDown效果运行顺畅。把它放回去,它们运行得更加生涩。当我使用CSS3过渡动画时,会发生同样的事情。

为什么background-size属性会影响动画的任何想法?

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

1 个答案:

答案 0 :(得分:1)

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

请参阅此说明,了解如何使其发挥作用。

  

封面

     

指定应缩放背景图像   尽可能小,同时确保其尺寸更大   大于或等于背景的相应尺寸   定位区。

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

猜猜,但是这个引擎可能很慢吗?