如何在<ul>不使用Javascript的情况下获得弹出式div以覆盖其他<li>元素

Question

所以我有这个小提琴 http://jsfiddle.net/speeedracer/CGucm/，正如你所看到的，当你将鼠标悬停在顶行的任何链接上时，弹出的div位于底行的列表元素下。 有人知道如何让它覆盖其他页面内容吗？ 我将 z 索引更改为非常高，因此它显示在顶部， 但它没有用。

下面是下拉框代码： enter code here .drop-box { 显示：无; 位置：静态; 宽度：400px; 高度：100px; Z指数： 9999; 背景：#e8dfc2;}

*我知道我有一些视觉间距问题，但我只需要一个工作模型，而不必完美......还。

谢谢！

Answer 1

z-index不适用于

position: static。这就像你没有立场一样。

因此，改变你的position: absolute将解决你的问题，z-index就会发挥作用。