html - 在 内将一张图片显示在另一张图片之上

Question

所以，为了好玩，我正在构建一个 iOS 主屏幕。我正在使用 <ul> 显示图标和 <li> .li 的构造如下:

<li><img/><img/></li>

第一张图片是一个带有display:none 的删除按钮, 第二个图像是实际的图标。如果长按第二张图片，第一张会淡入。但是，我不知道如何使用 css 在第二张图片的右上角显示第一张图片。任何帮助将不胜感激。

Answer 1

您可以通过多种方式做到这一点。假设图标占据了 ​​li 的全部空间，您可以这样做:

li {
    position: relative;
}
li img:first-of-type {
    position: absolute;
    top: 0;
    right: 0;
}