所以我有这个 fiddle http://jsfiddle.net/speeedracer/CGucm/正如您所看到的，当您将鼠标悬停在顶行的任何链接上时，弹出式 div 位于底行的列表元素下方。任何人都知道如何让它覆盖其他页面内容？我将 z-index 更改为非常高，因此它出现在顶部，但它没有用。
下拉框代码如下:
在此处输入代码.drop-box {
显示:无；
位置:静态；
宽度:400px；
高度:100px；
z-指数:9999；
背景:#e8dfc2；
*我知道我有一些视觉间距问题，但我只需要一个可以工作的模型，而不需要它是完美的......但是。
谢谢!
最佳答案
z-index 不适用于 position: static。这就好像你没有位置。
因此，更改您的 position: absolute 将解决您的问题，z-index 将发挥作用。
关于css - 如何在不使用 Javascript 的情况下获取 <ul> 弹出式 div 以覆盖其他 <li> 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19500186/