在ie7中出现问题!请查看下面的图片,了解下拉菜单的外观。这在其他浏览器中都很正常,但在ie7中,一旦您离开主li元素(即顶部链接),菜单就会消失。我已经检查了所有内容并在每个元素周围设置了红色框,li元素正确地扩展以包含子菜单,但我无法修复它。有什么想法吗?
标记示例:
<nav>
<ul class="clearfix">
<li class="dropdown-link"><a href="#" class="main-link">Top Link</a>
<ul class="clearfix dropdown-holder">
<li>
<div class="arrow"></div>
<div class="dropdown-holder-inner">
<ul class="dropdown">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Linky</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="last-child"><a href="#">Link</a></li>
</ul>
</div>
</li>
</ul>
</li>
</ul>
</nav>
CSS相当繁重,因此我已经将完整代码放在jsfiddle上:http://jsfiddle.net/n2kgX/3/ 图片链接:http://i.stack.imgur.com/k24Du.png
<nav>
元素吗?一旦完成,它看起来对我来说还不错,http://jsfiddle.net/n2kgX/6/show/。(如果你已经这样做了,我就不想把它作为答案发布) - Andres Ilich