我有以下导航，其中 .topNav 为相对定位，子导航 subnav 为绝对定位。由于 z-index 问题，我无法使子列表出现在主列表上方。这似乎是一个已知的问题。
<ul>
<li class="topNav">About Us
<ul class="subNav"><li> Subsection A</li><li>Subsection B</li></ul>
</li>
</ul>
有人知道解决方法吗？
更新：http://brh.numbera.com/experiments/ie7_tests/zindex.html 显示了我遇到的确切问题。我的原始帖子是在列表的上下文中，但我已将问题简化为，当一个具有position:absolute的元素在一个具有position:relative的父元素内时，z-index似乎不起作用。
这是一篇非常好的文章，解释了machineghost提到的堆叠问题。
http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
根据你需要在多个元素上进行定位的原因，你可能想考虑添加悬停选择器到 .base（对于IE6使用JavaScript），并添加一个类来实现相对定位。
.base:hover{position:relative;}
这意味着第二个 .base 没有 position: relative 属性。
添加
background: url(blank.gif);
对于绝对定位的元素，这个方法解决了我的问题。也许它能帮到你 :)
祝好
好的，我认为你的问题可能源于对z-index如何工作的理解不足。z-index属性仅适用于DOM层次结构中相同级别的元素。换句话说，如果你有：
<ul id="a">
<li id="b">b</li>
<li id="c">c</li>
</ul>
<div id="d"></div>
如果 "b" 和 "c" 重叠，z-index 将决定哪一个在顶部。但是，如果 "c" 和 "d" 重叠，无论 c 的 z-index 是什么，"d" 总是在顶部，因为靠近根 DOM 节点的元素总是出现在嵌套更深的元素上方。
因此，只要 "subnNav" 是 "topNav" 的子级，我认为没有办法使它覆盖其父级内容。换句话说，据我所知，除了使 "subNav" 不成为 "topNav" 的子级之外，没有解决此问题的方法。
（注意：尽管 CSS 并不简单，但仍然可能有一些我不知道的方法可以实现您想要的效果。我只能说，基于我的 z-index 理解和相当不错的 CSS 知识，我不知道任何方法。）
我曾经遇到过同样的问题，并且在IE6和7中成功解决了它。通过结合http://code.google.com/p/ie7-js/和以下CSS，问题得以解决。我的问题是列表中有一些项向左浮动，并且当用户悬停在li上时会弹出工具提示。为了解决这个问题，我添加了以下代码：
.ul li:hover {position:relative;z-index:4;}
.ul li:hover + li {position:relative;z-index:3;}
它的工作原理是每当用户悬停在第一个LI上时，它将第二个LI浮动到它旁边并设置为较低的z-index值。当然，您可以根据自己的需要更改z-index值。
<div class="base" style="z-index:2">
<div class="inside">
This has some more text in it. This also has a background. This should obscure the second block of text since it has a higher z-index.
</div>
This has some text in it. This has some text in it. This has some text in it. This has some text in it. This has some text in it.
</div>
<div class="base" style="z-index:1">
This is the second div. You should not be seeing this in front of the grey box. This has some text in it. This has some text in it. This has some text in it. This has some text in it. This has some text in it. This second box should be obscured by the grey box.
</div>
CSSplay的Stu Nicholls拥有一个带有6级下拉菜单的基于CSS的导航（如果需要可以扩展到更多级别）。这在Internet Explorer IE5.5、IE6、IE7、Firefox、Opera以及现在的Safari、Netscape 8和Mozilla中都可以使用。