将图像放在另一个

Question

我对处理两个图像感到困惑。我的目标是达到相同的结果，请参见下面的屏幕截图。

因此，我有一个横幅和另一个图像，并且我希望第二个图像进入横幅，因为现在我看不到第二个图像。 我的html块有问题吗？

<div class="my-second-block">
    <img class="picture-red" src="images/bg-1.jpg"/>
    <div class="contenu">
    <img class="picture-pc" src="images/welimg.png"/>
    </div>
  </div>

这是我的CSS

.picture-red{
  height: 400px; /*400*/
  width: 1366px; /*1366*/
  position: absolute;
}

.contenu{
  margin-top: 500px;
}

.picture-pc{
  float: left;
}

谢谢

Answer 1

添加定位和z-index。例如：

position: relative;
z-index: 1;

显示在顶部的所需图像。