我想将我的图像放在另一个上面并且在它下面我想要展示tumbnails的概述。
我成功将图像放在彼此上的唯一方法是使用position：absolute和top，left to 0px。
但是图像上传到服务器所以它们的高度可变，所以我不能使用top：xx px;在他们身上。
我可以用css解决这个问题吗？我试图在这里明确问题： http://jsfiddle.net/wWY5H/3/
答案 0 :(得分：0)
使用CSS解决此问题的最简单方法是使用具有固定宽度的position: absolute容器，并以正常方式将所有图像放置在那里。它们将叠加在一起。
如果这不是一个选项而且 images 需要position: absolute，则需要服务器端脚本或jQuery的帮助来确定图像高度。
答案 1 :(得分：0)
在CSS中使用z-index，这应该可以解决问题。 http://www.w3schools.com/cssref/pr_pos_z-index.asp
答案 2 :(得分：0)
如果容器上没有静态高度（在您的情况下为#top），我看不出它是如何解决的。
您可以做的是使用javascript获取<img>标记的高度，并将#top设置为使用该高度。
我在这里更新了你的小提琴：http://jsfiddle.net/dekket/wWY5H/6/
简而言之，我没有看到只使用CSS的方法。
答案 3 :(得分：0)
如果图片大小相同，您可以在图片n> 0上使用margin-left:-100%。