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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/230601.html

猜你在找的HTML相关文章