0

简单的 CSS / html 菜单，如图所示：

<div class="nav-container">
            <div id="corp-crumb">
                <ul class="vertlist" id="ulTop">
                    <li class="crumblink submenu"><a id="homeLink" href="#home" title="Home" class="crumblink">Home</a>
                    </li>
                    <li class="crumblink submenu"><a id="activitiesLink" href="#activities" title="Activities" class="crumblink">Activities</a>
                        <ul>
                            <li><a href="#" title="Issues">Issues</a></li>
                            <li><a href="#" title="Meetings">Meetings</a></li>
                        </ul>
                    </li>
                    <li class="crumblink submenu"><a id="a1" href="#marketing" title="Marketing" class="crumblink">Marketing</a>
                        <ul>
                            <li><a href="#" title="Corporate Groups">Corporate Groups</a></li>
                            <li><a href="#" title="Companies">Companies</a></li>
                            <li><a href="#" title="Contacts">Contacts</a></li>
                        </ul>
                    </li>
                     <li class="crumblink submenu"><a id="a2" href="#operations" title="Operations" class="crumblink">Operations</a>
                        <ul>
                            <li><a href="#" title="Programs">Programs</a></li>
                            <li><a href="#" title="Projects">Projects</a></li>
                            <li><a href="#" title="Sub Projects">Sub Projects</a></li>
                        </ul>
                    </li>
                    <li class="crumblink submenu"><a id="reportsLink" href="#reports" title="Reports" class="crumblink">Reports</a>
                    </li>
                </ul>
            </div> 
        </div>

当我将鼠标悬停在li项目上时，我会得到项目的子菜单ul。在 chrome 中，列表功能正确，如果我将鼠标悬停在 li 上，它会保持打开状态以选择子菜单。然而，在 IE 中，当我将鼠标悬停在它上面然后尝试转到ul子项目菜单时，它会很快消失。

这是我的 jsfiddle：http: //jsfiddle.net/Ncrwg/

用 IE9 和 IE10 测试。

4

1 回答 1

1

我认为您需要缩小导航和下拉菜单之间的差距<ul>。

添加top: -3px到div#corp-crumb ul li ul应该解决这个问题。

编辑：

如果你想保持空间使用类似border-top: 3px solid #FFF; top: -2px;

于 2013-11-05T13:23:10.347 回答