css将两张图片重合 |css3 transform用法

首先，大家需要创建一个图片容器。大家使用“position: relative”的CSS属性来让容器成为一个相对定位元素，这样可以让大家后面叠加的图片对它进行定位。

.container {
position: relative;
}

然后，大家在图片容器中添加两张图片。第一张图片即默认显示在最上层的背景图片，第二张图片则是需要重合显示的前景图片。大家使用“position: absolute”的CSS属性来让在图片容器中定位前景图片（z-index可以控制层级）。

.container {
position: relative;
}
.container img.background {
position: relative;
z-index: 1;
}
.container img.foreground {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

最后，大家只需要在HTML页面的图片容器中添加两张图片即可看到效果。

列的css，css内联元素对齐，vue引入css出现错误，html+css+java作用，css二级右侧菜单，css background一边铺满，css3 transform用法列的css，css内联元素对齐，vue引入css出现错误，html+css+java作用，css二级右侧菜单，css background一边铺满，css3 transform用法

以上就是如何使用CSS重合两张图片的方法。希望这篇文章能对各位有所帮助。