使用transform：rotate（）的CSS3 z-index问题

Question

在以下示例中，为什么5和6元素列表中的最后一项与项目＃2重叠？项目＃1如何位于最后一项之上？是否可以解决这个问题，以便最后一项是在项目＃1和＃2下？

http://jsfiddle.net/lookitscook/adw62/

Answer 1

这是一种非常荒谬的技巧！荒谬的，我的意思是COOL：）

Z-index最初由DOM位置定义 - DOM中的最新项目将显示在其他项目之上。

您可以通过在每个元素上设置“z-index”属性来手动控制它。