首页 > web前端 > css教程 > 为什么我的上下文菜单出现在 IE7 中的按钮后面?

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

Susan Sarandon
发布: 2024-11-12 06:50:02
原创
860 人浏览过

Why Does My Context Menu Appear Behind the Button in IE7?

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

问题陈述:

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

分析:

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

解决方案:

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

<div class="control-action">
  <ul>
登录后复制

通过将按钮放在 ul 之后,按钮成为最近的定位祖先,建立新的堆叠上下文。因此,菜单的 z-index (10000) 生效,菜单现在出现在按钮上方。

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板