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



Mockup 我正在努力制作模型

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

https://codepen.io/nikibrown/pen/KKVXMZb

我想知道是否可以使多个背景图像填充元素的整个高度。例如,我在html元素上有 4 张背景图像。我希望它们占据元素html总高度的 25%,同时还要让图像"覆盖"(这就是为什么我使用背景大小:覆盖(。

这可以用 css 吗?想知道我是否必须使用一些具有document.body.scrollHeight和大小的 javascript 来做到这一点。

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

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

https://www.w3schools.com/TAgs/tag_section.asp

这是我能想到的唯一使用部分的网站。您可以检查 Web 元素:

https://michalsnik.github.io/aos/

相关内容

  • 没有找到相关文章

最新更新