Css 将背景内容缩放到内容高度

所以我想制作一个背景框，使用CSS缩放到页面内容的高度。我已经尽了我所能。后接地盒分为上、中、下三部分。这是为了在缩放长方体时不会扭曲其周围的阴影。任何控制高度的东西都必须应用于中间部分。这是网站，你可以右键点击页面源来查看你需要的任何内容。提前感谢您的帮助。

首先，您的背景图像不在中心，因此下面是使其居中的代码

body {
background-image: url("/images/site_background.png");
background-position: center top;

}

从正文中删除css

background-repeat: no-repeat;

第二：

不要在html中使用此图像，尝试将其称为背景图像，并将图像分割为2435倍的高度，这就是页面高度增加的原因

您可以调用背景图像并在repeat-y方向重复它

你可以看到下面的图像，我在其中删除了你的阴影图像

---

不要在一个div中使用所有三个图像，而是在三个单独的div（如页眉、中间和页脚）中分别使用它，这样会更方便。

仍然存在任何问题，请告知我们。