为什么 jquery Mega 菜单显示在 IE7 和 9 中我的图像后面？

发布于 2025-01-07 18:33:49 字数 548 浏览 4 评论 0原文

我有一个网页，顶部有一个 jquery Mega Menu ，下面有一个 jqGrid它。当我将鼠标悬停在菜单上时，子菜单会弹出，但它显示在 jqGrid“后面”。我尝试进入 dcMegaMenu.css 并添加：

z-index:2000;

此图像是直接拍摄的离开示例页面，可以重现此问题

在此处输入图像描述

到处都是，但它仍然显示在图像后面？有什么建议吗？

原文

I have a webpage with a jquery Mega Menu at the top and then there is a jqGrid right below it. When I hover over the menu, the submenu pops up but it shows up "behind" the jqGrid. I tried going into the dcMegaMenu.css and adding:

z-index:2000;

this image is taken directly off of the examples page where this issue is reproducable

enter image description here

all over the place but it still shows up behind the images? Any suggestions?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

看春风乍起 2025-01-14 18:33:49

此问题是由 IE7 错误引起的。从链接的答案中引用我自己的话：

[以下是]一些解释该问题的资源：
IE 6 和IE 7 Z-Index 问题
IE7 Z-Index 分层问题
http://brenelz.com/blog/挤压-the-internet-explorer-z-index-bug/
http://richa.avasthi。名称/blogs/tepumpkin/2008/01/11/ie7-lessons-learned/
总体思路是在有问题的元素的父元素上插入 position:relative （通常将其删除）和 z-index ，直到修复为止。

在 IE9 中发生同样问题的唯一方法是 IE9 以兼容模式显示页面（或者使用 IE7 模式）。按 F12 打开开发人员工具以查看正在使用哪种模式。

要在页面上的 IE7 中修复此问题，您需要链接到，需要在.demo-container上添加position:relative; z 索引：1；。

如果您无法将此修复翻译到您的实际页面，如果您提供实际页面的链接（或者准确的测试用例：http://jsfiddle.net/ / http://jsbin.com/）。

以下是 IE7 模式下 IE9 的屏幕截图，并使用开发人员工具应用了修复：

回复收藏 0 原文

日记撕了你也走了 2025-01-14 18:33:49

如果没有显示任何代码，我能想到的是，如果元素未定位，z-index 将什么都不做：

#wontwork {
  z-index: 10000;
}

#willdosth {
  position: absolute; /* or relative or fixed */
  z-index: 1;
}

#also { /* link below */
  transform: sth;
  z-index: 1;
}

参考：https://developer.mozilla.org/en/Understanding_CSS_z-index
有关变换和 z-index 的部分： https://stackoverflow.com/a/7765214/137626

Without any code shown, all I can think of is that z-index will do nothing if the element isn't positioned:

#wontwork {
  z-index: 10000;
}

#willdosth {
  position: absolute; /* or relative or fixed */
  z-index: 1;
}

#also { /* link below */
  transform: sth;
  z-index: 1;
}

Reference: https://developer.mozilla.org/en/Understanding_CSS_z-index
For the part about transform and z-index: https://stackoverflow.com/a/7765214/137626

回复收藏 0 原文