3

position: absolute;コンテナ内で問題が発生していますposition: relative;

position: absolute;デフォルトの動作は、子要素が親コンテナに対して相対的に配置されていることだと思いますposition: absolute;。position: relative;

これを試しているうちに、FF と IE (最新バージョン) が異なる動作を示し、ページに絶対的なものを配置していることがわかりました。

なぜだろう？サブメニューがビューポートから取り出され、left: -9999px;ホバリング中にサブメニューが取得されるドロップダウンメニューに関するものです。left: auto;

Chrome では、問題なく動作します。この質問がすでに出されている場合は申し訳ありませんが、そのような単語を検索に使用すると、位置に関する通常の問題が表示されます。

コード：

<div id="steuerung">
<ul>
  <li><a href="#">Link</a>

    <ul>
     <li><a href="#">Sublink</a> </li>
     <li><a href="#">Sublink</a> </li>
     <li><a href="#">Sublink</a> </li>
     <li><a href="#">Sublink</a> </li>
     <li><a href="#">Sublink</a></li>
    </ul>
  </li>
</ul>
</div>

CSS:

div#steuerung li {
    display: inline;
    list-style: none;
    position: relative;
}
div#steuerung ul li ul {
    position: absolute;
    left: -9999px;
    display: block;
    z-index: 2;
    width: 99%;
}
div#steuerung ul li:hover ul {
    left: auto;

}

完全なコードはこちら: www.step-town.com/new/

ご挨拶

4

1 に答える 1

1

これを試して

http://jsfiddle.net/3Nh86/

Javascript を使用しない場合、ul サブメニューで「display: none」と「display: block」を使用するのが最善の方法だと思います。

于 2012-08-29T11:22:31.570 に答える