jquery - IE 中的 Superfish 3 级菜单部分“在顶部”，部分“在底部”

Question

我有一个超级鱼菜单，在 Chrome、Firefox 和 Safari 中运行良好，但在 IE 中不适用（我知道，我知道......常见问题）。我的问题是我的第三级菜单“部分”出现在第二级菜单的顶部，但不是全部。

边框和背景颜色出现在 2 级菜单的顶部，但来自 2 级的文本本身“渗透”并与 3 级菜单混合显示。

这是几个屏幕截图：

IE：

在此处输入图像描述

铬合金：

在此处输入图像描述

我可以使背景颜色完全不同（例如红色/蓝色），并显示它们正确地“重叠”在一起——这里它们只是稍微深一点的灰色阴影。

还有我的实际网站，在这里： http: //www.willoughby-ind.com

任何援助将不胜感激。我花了好几天才走到这一步，我不知道我错过了什么。

score 0 · Accepted Answer

你有没有在你的iehacks.css：

.sf-menu li {
    z-index:999;
}

将其更改为低于您的第三级菜单 z-index 的值应该可以工作

score 0 · Accepted Answer

我的解决方案没有产生我想要的结果，但至少文本不再混乱。现在 IE 在二级菜单中弹出第 3 级菜单 - 而不是在其正下方的一侧。不完美，但我认为它是可用的。

我将以下内容放入我的 iehacks.css 文件中：

ul.sf-menu li ul li ul li
{
    z-index: 30;
     position: fixed;}

ul.sf-menu ul ul
{ z-index: 40;
  position: fixed;
}

在此处输入图像描述

2 回答 2