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

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

在 IE7 中使用上下文菜单时，菜单（

元素）出现在其关联按钮下方而不是上方。此堆叠错误可归因于 IE7 确定堆叠上下文的方式。

在大多数现代浏览器中，堆叠上下文由最近的定位祖先确定。但是，IE7 使用具有位置值的最近父元素来建立堆叠上下文。

要解决此问题，请尝试将按钮放在

之后。 HTML 中的元素。这迫使 IE7 使用
元素作为堆叠上下文，它允许 z-index 属性生效并正确定位上下文菜单。

这是更正后的 HTML：

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

通过修改 HTML 结构，您可以确保上下文菜单在 IE7 中正确显示，而无需更改 CSS 样式。

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