列表中的IE z-index相对/绝对错误

Question

我有以下导航.topNav的位置:relative和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显示我遇到的问题.我原来的职位是在列表的范围内,但我已经减少了问题的事实,z-index的不到风度似乎有位置的元素时的工作:与位置的父元素中绝对的:相对

Answer 1

这是一篇非常好的文章,解释了机器人提到的堆叠问题.

你可能想要考虑的事情(取决于你想要在多个元素上定位的原因)是为.base添加一个悬停选择器(使用IE6的JavaScript),它会添加类以赋予它相对性.

.base:hover{position:relative;}

这意味着第二个.base没有position:relative.

我知道这是一篇老帖子 - 但AJM你介意分享你的解决方案,因为我似乎无法在Ben的网站上找到上述.base css测试的正确修复,同时保持两个.base div为position:relative. (2认同)