如何在彩色 div 前面放置背景图像

Question

我有两个元素，一个是背景图片，我希望它的宽度是网页的 60%，虽然它在一个容器中，另一个是彩色的 div，我也想占据页面的 60%，剩下的 20% 空间，将在中间，一个人躺在另一个人身上。因为彩色 div 的 margin-top 距离容器 4rem。所以彩色的div会被拖下来一点，然后很明显一个在另一个上面，我顺便使用bootstrap 5。请问我该如何实现？

我试过添加背景图片和背景颜色，但它们会粘在一起， 我还尝试创建两个单独的元素并为它们提供样式以匹配 d 描述。

Answer 1

你可以在 z-index 之前使用伪选择器。根据我的说法，这是最简单的方法。