在css中用一个图像覆盖另一个图像

我一行有4张图片。我希望第三个图像覆盖在第二个图像的顶部，但未能成功使其工作。这是我的小提琴：

---

将播放图像添加到第二个div中，并使用

绝对位置

和

相对位置

使其一个在另一个之上

.x{
    border:1px solid #000000;
    display:inline-block;
    height:128px;
  position:relative
}
.overlay_img{
  position:absolute;
  top:0;
  left:0
}

---

如果您只想让它超过第二张图像，那么将这两张图像包装在一个div中，并分别给它

位置：相对
，然后给您的图像2和图像3
位置：绝对
和
z-index:0和z-index:1
。并将其定位到
top:0；&左：0应该这样做：）
如果您可以使用现代CSS，并且只需要第三个图像覆盖第二个图像（如中所示，您不需要在很多地方重复此模式），则可以使用第n个子选择器：

.x:nth-child(3) {
  margin-left: -136px;
}

这将使用
x
类选择第三个项目，并将其移到左侧。
如果使用
边距
或
位置
属性，可以实现覆盖视图

看看

.x:nth-child(3) {
  margin-left: -136px;
}