在<li> </li>内的其他图像上显示一个图像

Question

所以，为了好玩，我正在构建一个iOS主屏幕。我正在使用<ul>和<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;
}

Answer 2

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

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

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