html - 将绝对定位的子菜单向前推进？

我有一个带有 #navigation 的 id position: relative; ，其中有一个带有 .submenu 的 position:absolute; 类。子菜单包含文本(更具体地说是 <a> 标签链接)，它们失去了 cursor: pointer; 属性和被选择的能力，因为它们现在落后于页面上的其他元素。

这是一个链接，您可以真正了解我在说什么:

http://pixelation.me/show/stackoverflow/

我不确定我能做什么，除了在页面底部声明 #navigation 和所有它的 child ，以便将 .submenu “放在前面”。

我已经尝试过设置 z-index: 1 ；在 .submenu 上，这不起作用。

任何更多的建议/答案将不胜感激;)!

最佳答案

将 #navigation .submenu 替换为:

#navigation .submenu {
 z-index: 1;
 background-color: #fff;
 position: absolute;
 top: 50px;
 left: 445px;
 padding: 0px 20px;
 text-align: center;
 border: 1px solid #ddd;
}

测试和工作。添加 z-index 并创建背景颜色，以便其他元素不会渗出 - Nick B

关于html - 将绝对定位的子菜单向前推进？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9659551/