如何在HTML中将一个图像放在另一个图像上？

应包括样式中的px单位,例如.

除此之外,答案很好.谢谢.

您可以绝对pseudo elements相对于其父元素定位.

这为每个元素提供了两个额外的层 - 所以将一个图像放在另一个图像上变得很容易 - 只需要最小的语义标记(没有空的div等).

标记:

CSS:

.overlap
{
    width: 100px;
    height: 100px;
    position: relative;
    background-color: blue;
}
.overlap:after
{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    background-color: red;
}

这是一个现场演示

简单的方法是使用background-image,然后在该元素中添加.

另一种方法是使用css层.有很多资源可以帮助您解决这个问题,只需搜索css图层.

内联样式仅为清晰起见.使用真正的CSS样式表.