Menu CSS3-其父元素后面的菜单元素？

就像在标题中一样

我有三级菜单，希望它看起来像：

[ FIRST LEVEL ITEM ]
--------------------
[ SECOND LEVEL ITEM ]
[ SECOND LEVEL ITEM ]
[ THIRD LEVEL ITEM ]
[ SECOND LEVEL ITEM ]
[ THIRD LEVEL ITEM ]
[ SECOND LEVEL ITEM ]

但是第三级项目显示在其他项目后面

我给它们添加了巨大的50px红色边框，这样你就可以看到重点了：

我有点困，有点累&今天必须完成这段代码，很抱歉问了这么多愚蠢的问题。至少轻松获得声誉积分：P

---

谢谢：）

你的CSS中有很多多余的东西，所以我不打算完全编辑它

你需要了解的是奇妙的z指数模型。你从来没有提到过你是否想让它在IE中工作，所以我只会为真正的浏览器解释一下

首先，添加

位置：相对用于所有LI元素。差不多

#page-navigation li { position: relative; }

会有用的

现在，为每个包含“弹出”菜单的UL元素添加一个z索引，并将其设置为高于父LI的z索引。如果不设置z索引，它将默认为0


如果你想让它在IE中工作，你必须将父LI设置为比它包含的popout UL更高的z索引。这就是IE的工作原理
 事实上，它不起作用，我的朋友，我知道代码有点混乱，我现在正在研究它，但在这个案例中的主要问题是如何为3级ul释放一些空间，因为即使有z索引和相对位置，它们也只是在其他链接之上：）我不在上面看它们，但在下面：）不管我怎么想，必须将链接高度更改为自动，以便为儿童腾出空间。无论如何+1对你来说，因为你是第一个也是最后一个试图帮助我的人。。在你最初的问题中，你说它是“下面”，我认为这在z指数模型中是指它，因为这是最明显的问题。