Question

刚刚使用jQuery superfish菜单遇到了这个问题 - IE6中的下拉菜单根本没有显示。

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

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

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文件放到页面底部，因为这样做不起作用。

在IE6中没有出现Superfish下拉菜单

1 个答案: