如何在不使用 Javascript 的情况下让 <ul> 弹出 div 覆盖其他 <li> 元素答案

【问题标题】：How to get a <ul> pop-up div to cover other <li> elements without using Javascript如何在不使用 Javascript 的情况下让 <ul> 弹出 div 覆盖其他 <li> 元素
【发布时间】：2013-10-21 16:43:22
【问题描述】：

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

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

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

谢谢！

【问题讨论】：

标签： css navigation html-lists

【解决方案1】：

z-index 不适用于position: static。这就好像你没有位置一样。

因此，更改您的position: absolute 将解决您的问题，z-index 将发挥作用。

【讨论】：

哇！非常感谢！我从来没有真正理解该 css 属性的所有不同选项的含义。
解释如下：z-index 仅适用于定位元素（位置：绝对、位置：相对或位置：固定）。
无后顾之忧。确保您投票并给出正确答案。所以如果其他人有同样的问题，他们会知道的。