IE7 でコンテキスト メニューが [次へ] ボタンの下に表示されるのはなぜですか?

コンテキスト メニューに関する IE7 Z-Index の問題

ボタンでその下のコンテキスト メニュー (ul) が開くシナリオでは、メニューの表示に問題が発生する可能性があります。 IE7の「次へ」ボタンの下にあります。この動作は、IE7 が他のブラウザと比べてスタッキング コンテキストを処理する方法が異なることが原因であると考えられます。

この問題に対する考えられる解決策の 1 つは、コンテキスト メニュー (ul) がその含まれる要素内の最初の要素であることを確認することです。 HTML 内のボタンとコンテキスト メニューを再配置すると、ul の後に配置できるようになり、IE7 の z-index の問題が修正される可能性があります。これは、次のように HTML マークアップを調整することで実現できます。

<div class="control-action">
    <ul>

ボタンを ul の後に配置することで、IE7 や他のブラウザでもメニューがボタンの下に正しく表示されるようになります。

以上がIE7 でコンテキスト メニューが [次へ] ボタンの下に表示されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。