我确定我不是第一个遇到此问题的人,但在搜索过去 30 分钟后,我无法找到遇到问题的人。
http://stagecentral.org/example/
当您在 IE7 以外的任何地方查看它时,当您将鼠标从文本向下移动到第一个选项时,它工作正常。但是,在 IE7 中进行测试时,我可以足够快地将光标移动到文本上,但是有一些小故障。
- 原始菜单文本和选项之间的空间似乎没有注册并导致计时器开始删除菜单。
- 在您到达文本之前,顶部菜单项不会注册任何悬停(顶部填充被忽略)。
这是与该部分相关的 HTML:
<div class="megamenu_container">
<ul id="menu">
<li>
<a href="#">Upcoming Events</a>
<div class="dropcontainer">
<div class="submenu-cap-left"></div>
<div class="submenu-cap-right"></div>
<div class="clear"></div>
<div class="submenu-left">
<ul class="submenu">
<li class="first"><a href="#">Upcoming Performances</a></li>
<li><a href="#">Upcoming Auditions</a></li>
<li><a href="#">Upcoming Staged Readings</a></li>
<li><a href="#">Upcoming Workshops</a></li>
<li><a href="#">Calendar of Events</a></li>
<li class="last"><a href="#">Directions to Venues</a></li>
</ul>
<div class="submenu-foot-left"></div>
<div class="submenu-foot-right"></div>
</div>
<div class="submenu-right" style="height:251px;"></div>
</div>
</li>
</ul>
</div>
主 CSS 位于以下样式表中: http ://stagecentral.org/example/css/main.css
最后,可以在这里找到 Megamenu 的 Javascript:http: //stagecentral.org/example/js/megamenu.js