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

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

IE7 でコンテキスト メニューを使用すると、メニュー (

要素)関連付けられたボタンの上ではなく、下に表示されます。このスタッキング エラーは、IE7 がスタッキング コンテキストを決定する方法に起因している可能性があります。

ほとんどの最新のブラウザでは、スタッキング コンテキストは最も近い位置にある祖先によって決定されます。ただし、IE7 は、位置値を持つ最も近い親要素を使用してスタッキング コンテキストを確立します。

この問題を解決するには、

の後にボタンを配置してみてください。 HTML 内の要素。これにより、IE7 は
を使用するようになります。これにより、z-index プロパティが有効になり、コンテキスト メニューを正しく配置できるようになります。

修正された HTML は次のとおりです。

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

HTML 構造を変更すると、 CSS スタイルを変更せずに、コンテキスト メニューが IE7 で正しく表示されることを確認できます。

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