位置绝对像桩

Question

我创建了一堆图片，你可以在上面点击。通过单击顶部图像，它将z索引按图像的数量向后移动。这些图像需要有一个共享的描述。如果我把位置:绝对对他们(堆叠他们)。描述也被堆叠在一起。有什么办法能把它们藏在图像下面吗？

.image-pile {
    position: relative;
}

.images img {
    position: absolute;
    width:300px;
}

https://jsfiddle.net/td59pr1h/

​

​

Answer 1

图像堆没有高度，因为内容是绝对的。通过计算javascript中的高度来修正它。

var imgheight = $( ".images img" ).innerHeight()

$('.images').css('height', imgheight)