Css 如何使多个背景图像填充元素的高度

我正在努力实现的模型

白色框是内容，灰色框是HTML元素上的多个背景图像

我想知道是否有可能使多个背景图像填充元素的整个高度。例如，我在

html

元素上有4个背景图像。我希望它们占据总高度

html

元素的25%，同时还有图像“cover”（这就是为什么我使用背景尺寸：cover）

这在css中是可能的吗？我想知道我是否需要使用一些javascript和

document.body.scrollHeight

来实现这一点，并以这种方式调整大小

---

提前感谢您的帮助！非常感谢

如果您使用的是css background:url（blahblabla）属性，则可能需要指定如下链接所示的部分。每个部分都有自己的背景图像，也就是说，您需要为每个部分编写背景

这是我能想到的唯一一个使用章节的网站。您可以查看web元素：

---

如果您使用的是css background:url（blahblabla）属性，您可能需要指定如下链接所示的部分。每个部分都有自己的背景图像，也就是说，您需要为每个部分编写背景

这是我能想到的唯一一个使用章节的网站。您可以查看web元素：

---

这看起来是可行的，例如参见这看起来是可行的，例如参见