为什么我的上下文菜单出现在 IE7 中的按钮后面？

上下文菜单的 IE7 Z 索引问题

问题陈述：

在 IE7 中，上下文菜单 (ul) 出现在与其关联的按钮下方，隐藏菜单。由于浏览器对堆叠上下文的独特处理，此行为与其他浏览器不同。

分析：

用于按钮和菜单的 CSS 使用相对和定位这些元素分别是绝对定位。然而，在 IE7 中，最近的定位祖先（在本例中为“control-action”div）决定了堆叠上下文。这意味着不考虑菜单的 z-index (10000)，并且菜单位于按钮下方。

解决方案：

解决此问题，HTML 元素的顺序可以这样修改：

<div class="control-action">
  <ul><p>通过将按钮放在 ul 之后，按钮成为最近的定位祖先，建立新的堆叠上下文。因此，菜单的 z-index (10000) 生效，菜单现在出现在按钮上方。</p></ul>
</div>

以上是为什么我的上下文菜单出现在 IE7 中的按钮后面？的详细内容。更多信息请关注PHP中文网其他相关文章！