Superfish 下拉菜单在 IE6 中不显示

Question

刚刚遇到了 jQuery superfish 菜单的问题 - 下拉菜单在 IE6 中根本不显示。

据我了解，IE6 有 z-index 问题，可能我的菜单隐藏在 .middle div 下。

尝试了这个人建议的解决方案：

http://nhaskins.com/帖子/ie-js-menus-hide-behind-jquery-slide-show/

没有一个起作用。

我的代码：

<div class="menu span-24">
  <ul class="mainNav span-24">
    <li class="current"> <a href="#a">HOME</a>
      <ul>
        <li> <a href="#aa">this is a long menu item line!</a> </li>
        <li class="current"> <a href="#ab">menu item</a>
          <ul>
            <li class="current"><a href="#">menu item</a></li>
            <li><a href="#aba">menu item</a></li>
            <li><a href="#abb">menu item</a></li>
            <li><a href="#abc">menu item</a></li>
            <li><a href="#abd">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li> <a href="#">ABOUT</a> </li>
    <li> <a href="#">PORTFOLIO</a>
      <ul>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">short</a></li>
            <li><a href="#">short</a></li>
            <li><a href="#">short</a></li>
            <li><a href="#">short</a></li>
            <li><a href="#">short</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li> <a href="#">BLOG</a> </li>
    <li><a href="#">CONTACT</a></li>
  </ul>
</div>
<div class="middle span-24">
  <div class="content span-16"></div></div>
     ...

有人可以帮忙吗？

Answer 1

我已经找到了解决方案。我刚刚将脚本从页面底部移动到标题。

我不明白为什么人们建议将 js 文件放在页面底部，因为这种方式不起作用。