html - 将图像相互放置，位置为 :absolute without using top

Question

我想将我的图像彼此重叠，并在其正下方显示缩略图的概览。

我成功地将图像放在彼此之上的唯一方法是使用 position:absolute 和 top, left to 0px。

但是图片是上传到服务器的，所以它们的高度是可变的，所以我不能使用 top: xx px;在他们身上。

我可以只用 css 解决这个问题吗？我试图在这里弄清楚问题: http://jsfiddle.net/wWY5H/3/

Answer 1

仅使用 CSS 解决此问题的最简单方法是使用固定宽度的 position: absolute 容器，并以正常方式将所有图像放置在其中。它们将堆叠在彼此下方。

如果这不是一个选项并且图像 需要position: absolute，您将需要服务器端脚本或jQuery 的帮助来确定图像高度。