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

Question

我有一个下拉 CSS 菜单，当在 IE7 中查看时，它会隐藏在主页内容后面。我尝试更改 z-index 值但没有运气。我也尝试过这个网站的其他主题的建议，但没有一个奏效。

任何帮助将不胜感激

score 9 · Accepted Answer

CSS 规范关于 Z-index的段落说，新的堆叠上下文仅针对具有 z-index 而非 auto 的定位内容创建。

您的li内部#nav带有position:relative，显然 IE 将其解释为新的堆叠上下文。

试试这个：

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

score 1 · Accepted Answer

您需要添加

position:relative;

给你的<ul>

Z-Index 是相对于同一堆叠上下文中的所有其他元素指定的。您可以将 Z-Index 设为 100，但如果元素属于完全不同的堆叠上下文，则不会有任何区别。

score 1 · Accepted Answer

我已经测试了这段代码，它肯定会工作请将此 css 设置为仅用于 IE7

#menu {position:relative; z-index:100;}

3 回答 3