带来绝对定位的子菜单？

Question

我的#navigation代码为position: relative;，内部为.submenu position:absolute;。子菜单包含文本（更具体地说是<a>标记链接），它们已经失去了cursor: pointer;属性，并且在它们的帐户上被选中的能力现在落后于页面上的其他元素。

这是一个链接，以便您可以实际看到我在说什么：

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

我不确定我能做什么，只是在页面底部声明#navigation及其所有孩子，以便将.submenu“带到前面”。

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

非常感谢任何更多的建议/答案;）！

Answer 1

将#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

Answer 2

我使用内联样式将此代码添加到类submenu

的div中

style="z-index: 999"

并且有效