css将图标置顶在另一图片上

CSS可以通过z-index属性来实现将图标置顶在另一图片上的效果。

.icon {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
}

.image {
    position: relative;
    z-index: 1;
}

以上代码中，.icon和.image分别是两张图片的class名。通过设置.icon的position属性为absolute，使其相对于最近的非static父元素（如.body），而不是相对于文档进行定位。接下来通过设置z-index属性来控制覆盖层级，将图标置于图片顶部，同时设置top和left属性来控制图标的位置。

对于底部图片，设置其position属性为relative，以便让上层图片能够覆盖其上，并设置z-index为1，即低于上层图片的层级。例如：

<div class="body">
    <img src="image.jpg" class="image">
    <img src="icon.svg" class="icon">
</div>

这样，通过CSS的设置，就可以让icon.svg图标自由进行定位，覆盖在image.jpg图片上方了。