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

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

IE7 でコンテキスト メニューがボタンの上ではなく下に表示される問題は次のとおりです。おそらくブラウザがスタッキング コンテキストを決定する方法が原因です。 IE 7 までの IE は、最も近い位置にある祖先を使用してスタッキング コンテキストを計算します。

あなたの場合、

.control-action

があります。相対位置と子

ul

を持つ div 。絶対的な位置を持っています。 IE7 がこれをレンダリングするとき、

ul

を移動します。これは、

.control-action

である、最も近い位置にある祖先の下にあります。 div.

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

ul

を配置してみてください。

.control-action

の前HTML マークアップ内の div。これにより、スタッキング コンテキストが変更され、

ul

が可能になります。

.control-action

の上に表示されます。意図したとおりに div します。

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