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

时间:2017-11-17 17:03:33

标签: html css

所以我想将图像置于另一个图像(计算机屏幕)中,但似乎不能使用溢出:隐藏。我把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>

1 个答案:

答案 0 :(得分:0)

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

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