我有以下导航.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.