隐藏在内容 IE7 后面的 CSS 下拉菜单

Question

我有一个下拉 css 菜单，当在 IE7 中查看时，它会隐藏在主页内容后面。我试过更改 z-index 值但没有成功。我还尝试了该站点中其他主题的建议，但没有一个奏效。

页面可以在这里找到:www.melbournedodgeball.com.au/dodgeball2012/about

任何帮助将不胜感激

Answer 1

CSS spec's paragraph on Z-index表示新的堆叠上下文仅为具有 z-index 而非 auto 的定位内容创建。

#nav 中有 li 和 position:relative，显然 IE 将其解释为新的堆栈上下文。

试试这个:

#nav li {
    display: block;
    position: relative;
    z-index: 1;         // force IE to recognize stack at this point
}