将背景事物缩放到内容高度

Question

所以我想制作一个背景框，使用CSS缩放到页面内容的高度。我已经尝试了所有我知道怎么做。背地箱分为中上部和下部三部分。这是为了在缩放时不会扭曲盒子周围的阴影。任何控制高度的东西都必须适用于中间部分。继承了网站http://www.unitedbygaming.com/test.php，您可以右键单击页面源以查看您需要的任何内容。感谢您的帮助。

Answer 1

首先，你的背景图像不在中心，所以这里是使它成为中心的代码

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

}

从身体css中移除。

background-repeat: no-repeat;

其次：

而不是在html中使用此图像<img src="/images/dfbox/mid.png" id="dfboxmid">尝试将其称为背景图像并将图像切割为高度（2435px），这太大了，这就是页面高度增加的原因。

你可以调用背景图像并在重复方向上重复它。

您可以看到我删除了阴影图像的下图。

不是在一个div中使用所有三个图像而是在三个单独的div中分别使用它，如Header，middle和footer，这样会更方便。