html - 页面底部有两个重叠的图像

Question

我需要始终显示在页面底部的 2 个重叠图像，但不是 position:fixed:

<div class="images">
    <img src="img1.jpg" class="image1" />
    <img src="img2.jpg" class="image2" />
</div>

我试过这个:

    img.image1, img.image2 {position: absolute; right:5px; bottom:5px;}
    img.image2 {z-index:10;}

如果页面没有滚动条，效果很好

已解决:使用float + position:relative

Answer 1

将外部 div 固定在底部。然后对内部图像使用绝对值。

.images { position:fixed; bottom:0; }
.images > img { position:absolute; bottom:5px; right:5px;}