Pourquoi mon menu contextuel apparaît-il sous le bouton dans IE7 ?

Problème d'index Z dans IE7 avec le menu contextuel

Lors de l'utilisation d'un menu contextuel dans IE7, le menu (un élément

) apparaît sous son bouton associé plutôt qu'au-dessus. Cette erreur d'empilement peut être attribuée à la façon dont IE7 détermine les contextes d'empilement.

Dans la plupart des navigateurs modernes, le contexte d'empilement est déterminé par l'ancêtre positionné le plus proche. Cependant, IE7 utilise l'élément parent le plus proche avec une valeur de position pour établir le contexte d'empilement.

Pour résoudre ce problème, essayez de placer le bouton après le

élément dans le HTML. Cela oblige IE7 à utiliser le
élément comme contexte d'empilement, ce qui permet à la propriété z-index de prendre effet et de positionner correctement le menu contextuel.

Voici le HTML corrigé :

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

En modifiant la structure HTML, vous pouvez vous assurer que le menu contextuel s'affiche correctement dans IE7 sans modifier les styles CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!