如何在html让图片重叠

有两种方式；

①：一张作为背景，一张用<img/>图片标签，如：

<div style="background:url('1.jpg') 0 0 no-repeat">

    <img src="2.jpg" />

</div>

②：两张图片都用<img />标签，用绝对位置定位，利用z-index属性控制其上下层关系，z-index的值越大，就越上如：

<div style="position:relative">

    <img src="1.jpg" style="position:absolute left:0 top:0 z-index:1" />

    <img src="1.jpg" style="position:absolute left:0 top:0 z-index:2" />

</div>

如果B不想用背景图，那么就把他们两个放到一个容器中（box），然后给这个容器（box，也就是A和B的父元素）设置 position:relative属性

然后A和B都设置position:absolute属性

再给他们分别设置z-index属性，z-index:数字，数字越大越在上面

希望能帮到你

---