Warum erscheint mein Kontextmenü unter der Schaltfläche in IE7?

IE7 Z-Index-Problem mit Kontextmenü

Bei Verwendung eines Kontextmenüs in IE7 wird das Menü (ein

-Element) erscheint unter der zugehörigen Schaltfläche statt darüber. Dieser Stapelfehler kann auf die Art und Weise zurückgeführt werden, wie IE7 Stapelkontexte bestimmt.

In den meisten modernen Browsern wird der Stapelkontext durch den nächstgelegenen positionierten Vorfahren bestimmt. Allerdings verwendet IE7 das nächstgelegene übergeordnete Element mit einem Positionswert, um den Stapelkontext festzulegen.

Um dieses Problem zu beheben, versuchen Sie, die Schaltfläche nach dem

zu platzieren. Element im HTML. Dies zwingt IE7 dazu, das
Element als Stapelkontext, wodurch die Z-Index-Eigenschaft wirksam wird und das Kontextmenü korrekt positioniert wird.

Hier ist der korrigierte HTML-Code:

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

Durch Ändern der HTML-Struktur Sie können sicherstellen, dass das Kontextmenü in IE7 korrekt angezeigt wird, ohne die CSS-Stile zu ändern.

Das obige ist der detaillierte Inhalt vonWarum erscheint mein Kontextmenü unter der Schaltfläche in IE7?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!