我有一个在Chrome,Firefox和Safari中运行良好的超级鱼菜单,但不是IE(我知道,我知道......常见问题)。我的问题是我的第三级菜单“部分”出现在第二级菜单之上,但并非完全如此。
边框和背景颜色显示在第二级菜单的顶部,但是第二级文本本身“渗透”并显示与第3级菜单混合。
以下是一些屏幕截图:
IE:
铬:
我可以使背景颜色完全不同(例如红色/蓝色),并且正确显示它们在彼此的“顶部” - 这里它们只是稍微深一点的灰色阴影。
我不知道在哪里查看我的CSS文件,这里是http://www.willoughby-ind.com/desktopmodules/az.dnnmenu/templates/willoughby/superfish.css
我的实际网站位于:http://www.willoughby-ind.com
任何帮助将不胜感激。我花了好几天才能做到这一点,我无法弄清楚我错过了什么。
答案 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;
}