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

我有以下导航.topNav有位置:relative和subnav有position:absolute.由于z-index问题,我无法将列表显示在主列表中.这似乎是一个已知的问题.
<ul>
<li class="topNav">About Us
<ul class="subNav"><li> Subsection A</li><li>Subsection B</li></ul>
</li>
</ul>

有人知道解决方法吗?

UPDATE http://brh.numbera.com/experiments/ie7_tests/zindex.html显示了我所遇到的问题.我的原始帖子是在一个列表的上下文,但我已经减少了这个事实,z-index似乎工作,当一个元素的位置:绝对在一个父元素的位置:相对

解决方法

这是一篇很好的文章,解释了machineghost提到的堆叠问题.

http://css-discuss.incutio.com/?page=OverlappingAndZIndex

你可能想要考虑(取决于你想要在多个元素上定位的原因)是将一个悬停选择器添加到.base(使用JavaScript for IE6),它添加了类以给出相对性.

.base:hover{position:relative;}

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

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些