在内部<li>另一个图像之上显示一个图像

Question

所以，为了好玩，我正在构建一个iOS主屏幕。我正在使用<ul>和<li>显示图标。li's是这样构建的：

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

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

Answer 1

有很多方法可以做到这一点。假设图标占据了 li 的全部空间，您可以这样做：

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

Answer 2

如果你想让它成为纯css，你需要将这两个定位绝对position:absolute;。然后使"x"按钮图像与图标图像的大小相同。然后只需为这两个图像提供相同的left和top值。

#first_mage_id, #second_image_id {position:absolute; left:X; top:Y;}

请记住将 X 和 Y 替换为一些值（取决于您希望它的位置）。如果它不起作用，请向我们展示您的代码，以便我们为您提供帮助。