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/