IE7 jquery z-index

Question

网站上有一个菜单放在jquery滑块前面。 在IE7中，下拉菜单位于菜单后面。

网站是：http://lkanlaeg.stom.dk/

到目前为止我尝试了什么？

• jquery修复，但没有用。
• 将所有顶部元素定位为“relative and”，相应地设置z-index。

你建议我接下来尝试什么？ 重复定位过程？ 我的代码类似于：

#wrapper, .content-wrapper, #header-wrapper, #primary-menu, #new-royalslider-1, #primary-menu ul{
position: relative;
z-index: auto;

加

#primary-menu ul li ul{
z-index: 900;
position: absolute;

我错了吗？

我发现唯一的“半解决方案”是将滑块的z-index设置为-1 - 实际上有帮助..但我觉得它更像是最后一个选项。

Answer 1

对于第75行的第一个content-wrapper，我添加了style="z-index:10;"，并在第142行的第二个content-wrapper上添加了z-index:5;到样式块。这修好了。

顶部包装器需要比主体更大，这会将菜单推到一切之上。我在browserstack中对此进行了测试，效果很好。