html - Internet Explorer 7 中的 z-index 问题

Question

当用户悬停主菜单时，我正在使用使用 jquery 的下拉列表，它会下拉，并且在除 IE7 及以下的所有浏览器中都能正常工作所有元素，但它不起作用。

在此处输入图像描述

菜单项（dummydummy）位于文本框和按钮后面

子菜单项的样式是

#sub-menu {

z-index: 1000;
}

并且文本框和按钮被分组在一个 div 中，并且 div 的样式是

#grouped {
left: 100px;
position: absolute;
z-index:1;
}

score 0 · Accepted Answer

我会推荐尝试 CSS3 Pie。我们开始使用它，许多 IE7 古怪的错误消失了。

我对 css3pie 在 IE7 中修复的东西感到惊讶。

score 0 · Accepted Answer

z-index仅适用于 position relative, absolute& fixed。所以，给position:relative你的#submenu. 像这样写：

#sub-menu {
 position:relative;
 z-index: 1000;
}

score 0 · Accepted Answer

您还可以尝试将更高的 z-index 值应用于您的 #sub-menu ul 和 li 值。这适用于在 IE7 中给我同样问题的超级鱼菜单。

score 0 · Accepted Answer

使用下面的代码

#sub-menu {
 position:absolute;
 z-index: 1000;
}
#grouped {
left: 100px;
position:relative;
z-index:1;
}

4 回答 4