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

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;}