html - 另一个图像内的 CSS 图像溢出 :hidden

Question

所以我想将一个图像置于另一个图像(计算机屏幕)的中心，但它似乎不适用于 overflow:hidden。我把 posiition:absolute 放在里面的图像上，但随后另一个图像消失了。

我的 CSS 代码:

  .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;
}