在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文件放到頁面底部，因爲這種方式不起作用。