另一个图像里面的CSS图像溢出：隐藏

Question

所以我想将图像置于另一个图像（计算机屏幕）中，但似乎不能使用溢出：隐藏。我把posiition：绝对放在里面的图像上，然后另一个图像消失了。

我的CSScode：

  .desktop-image {
        background-image: url("image-1.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .desktop-image img {
        width: 20%;
        position: relative;
        z-index: -999;
        left: 40%;
    }

我的HTML：

<div class="desktop-image">
                    <img src="image-2.jpg" alt="">
                </div>
   </div>

Answer 1

将“计算机屏幕”图像设置为div的背景

div {
  background: url('computer-screen.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}