带来绝对定位的子菜单？

Question

我有一个ID #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