Html 全屏/滚动后台性能问题?(很抱歉,我不知道)

Html 全屏/滚动后台性能问题?(很抱歉,我不知道),html,css,Html,Css,如果这是一个非常常见的问题和/或我遗漏了一些非常明显的东西,我很抱歉。我的目标是让我的背景在整个屏幕上伸展,同时仍与页面的其余部分一起滚动。我现在的代码实现了这一点,但并非没有严重的性能问题。这种滞后非常严重。这就是我到目前为止所做的: <style> html{ background: url(data/Background2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-backg

如果这是一个非常常见的问题和/或我遗漏了一些非常明显的东西,我很抱歉。我的目标是让我的背景在整个屏幕上伸展,同时仍与页面的其余部分一起滚动。我现在的代码实现了这一点,但并非没有严重的性能问题。这种滞后非常严重。这就是我到目前为止所做的:

<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>

html{
背景:url(data/Background2.jpg)无重复中心固定;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
-o-背景尺寸:封面;
背景尺寸:封面;
}
我也试过:

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

html{
背景:url(data/Background2.jpg)无重复固定;
背景大小:100%;
}

最后,我还尝试了使用相同背景的png副本,但没有成功。非常感谢您抽出时间考虑我的小问题。

检查您的图像大小。如果像素尺寸或文件大小太大,可能会对性能产生很大影响。

您在哪个浏览器中遇到此问题?背景图像有多大?你在哪种机器上做这件事?没有什么东西能马上跳出来解释为什么这对你来说很慢。哈哈。是的,我的背景是5000x3500像素。在gimp中进行一点缩放就可以很好地解决这个问题。谢谢你,内森!没问题!很高兴我能帮忙。