具有绝对位置的图像堆答案

【问题标题】：Image pile with position absolute具有绝对位置的图像堆
【发布时间】：2022-01-26 09:42:37
【问题描述】：

我创建了一堆图片，您可以点击它们。通过单击顶部图像，它会将 z-index 向后移动图像数量。这些图像需要有一个共享的描述。如果我将 position:absolute 放在它们上面（堆叠它们）。描述也会堆积起来。有没有办法把它们放在图片下面？

.image-pile {
    position: relative;
}

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

【问题讨论】：

【解决方案1】：

.image-pile 没有高度，因为内容是绝对定位的。通过在 javascript 中计算高度来修复它。

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

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

【讨论】：