如何在div后面放置图像

Question

当前

我首先有黑色div，然后有紫色div，最后我有紫色div 的子图像

我正试图让黑色div位于图像覆盖部分的上方，这样它就可以看起来像这样：

我想要它看起来像

我该怎么做？

Answer 1

您可以为balck box创建::beforeCSS伪元素，并使用绝对div将其放在div的顶部。

position: absolute;
left: 0;
top: 0;
z-index: 9;
width: 100%;
height: 100px;