可以使用CSS反转无序列表中的项目分层

Question

我在一个无序列表中有一个相互重叠的项集合。我的问题是，我需要第一项有最高的z指数，然后从那里往下。我可以手动设置z-index:

http://jsfiddle.net/dp9YD/7/

但是我想这样做，而不手动设置每个z-index(不确定这是否可能)。现在，如果我不使用z-index，它呈现如下:

http://jsfiddle.net/dp9YD/8/

列表中后面的项目排在最前面，这是我所期望的。是否有一种方法，我可以得到它呈现像第一个例子没有手动指定z索引或使用javascript?

Answer 1

我过去也需要做类似的事情。我解决了这个问题，将所有的li都向右浮动，并以相反的顺序列出它们。

查看此提琴:http://jsfiddle.net/sl1dr/KfK9w/