为什么 background-size: cover; 减慢我的 jquery 动画?

Tim*_*Tim 5 css firefox jquery

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

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

当我在萤火虫中关闭背景大小时,我的 jQuery slideDown 效果运行顺利。把它放回去,他们跑得更生涩了。当我使用 CSS3 过渡设置动画时,也会发生同样的事情。

知道为什么 background-size 属性会影响动画吗?

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

Jas*_*aro 1

可能会发生这种情况,因为background-size:cover必须进行额外的计算才能正确渲染。

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

覆盖

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

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

只是猜测,但也许 FF 的引擎在这方面很慢?