微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.

原文地址:https://www.jb51.cc/html/230601.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐