html - 全屏/滚动背景性能问题？ (对不起，笨拙)

Question

如果这是一个非常普遍的问题和/或我遗漏了一些非常明显的问题，我很抱歉。我的目标是让我的背景在整个屏幕上拉伸(stretch)，同时仍然与页面的其余部分一起滚动。我现在的代码实现了这一点，但并非没有严重 性能问题。滞后是残酷的。这是我目前所拥有的:

<style>
html{
background: url(data/Background2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>

我也试过:

<style>
html{
background: url(data/Background2.jpg) no-repeat fixed;
background-size: 100%;
}
</style>

最后，我也尝试过使用相同背景的 png 副本，但无济于事。非常感谢您花时间考虑我的低级菜鸟问题。

Answer 1

检查图片大小。如果它在像素尺寸或文件大小方面太大，会对性能产生很大影响。