IE中的Superfish第3级菜单部分“在顶部”,部分“在底部”

时间:2012-11-14 19:24:36

标签: jquery superfish css

我有一个在Chrome,Firefox和Safari中运行良好的超级鱼菜单,但不是IE(我知道,我知道......常见问题)。我的问题是我的第三级菜单“部分”出现在第二级菜单之上,但并非完全如此。

边框和背景颜色显示在第二级菜单的顶部,但是第二级文本本身“渗透”并显示与第3级菜单混合。

以下是一些屏幕截图:

IE:

enter image description here

铬:

enter image description here

我可以使背景颜色完全不同(例如红色/蓝色),并且正确显示它们在彼此的“顶部” - 这里它们只是稍微深一点的灰色阴影。

我不知道在哪里查看我的CSS文件,这里是http://www.willoughby-ind.com/desktopmodules/az.dnnmenu/templates/willoughby/superfish.css

我的实际网站位于:http://www.willoughby-ind.com

任何帮助将不胜感激。我花了好几天才能做到这一点,我无法弄清楚我错过了什么。

2 个答案:

答案 0 :(得分:0)

您是否在iehacks.css

中查看了这一行?
.sf-menu li {
    z-index:999;
}

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

答案 1 :(得分:0)

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

我将以下内容放入我的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;
}

enter image description here