在IE6中没有显示的Superfish下拉菜单

Question

刚刚进入jQuery superfish菜单的这个问题 - 下拉菜单根本没有在IE6中显示出来。

从我的理解IE6有一个z-index的问题，可能我的菜单隐藏在.middle股利下。

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

http://nhaskins.com/post/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文件放到页面底部，因为这种方式不起作用。