Два перекрывающихся изображения внизу страницы

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