0

jQuery スーパーフィッシュ メニューでこの問題が発生しました。ドロップダウン メニューが IE6 でまったく表示されません。

私の理解では、IE6 には z-index に問題があり、おそらく私のメニューは.middlediv の下に隠されています。

この男が提案した解決策を試してみました：

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>
     ...

誰でも助けることができますか？

4

1 に答える 1

0

私は解決策に達しました。スクリプトをページの下部からヘッダーに移動しただけです。

このように機能しないため、jsファイルをページの下部に配置することを人々が推奨している理由がわかりません。

于 2010-07-18T21:43:29.303 に答える