Question

我正在使用此网站：http://stdionis.org.uk/

当在IE 9或更低版本中查看网站时，主页上的下拉菜单会显示在幻灯片下方（这是一个谷歌幻灯片），但是当您转到另一个页面时，下拉菜单会显示在图像顶部

我已经将下拉div的z-index设置为9999，并且我已经尝试将幻灯片的z-index设置为零，但我似乎无法使其正常工作。

我们使用的CMS不直接允许访问页面的HTML代码（不要问...）所以我只能使用CSS或javascript进行更改。因此，为什么我无法更改doctype以使其以标准模式显示。

不一定要寻找一个干净的解决方案，任何疯狂的javascript黑客都会非常感激。

Answer 1

试试这个 -

.t_horizontal * { z-index: 1000 !important; }

或

.t_horizontal table { z-index: 1000 !important; }

如果即使不工作 - 尝试使用jQuery -

$(document).ready(function(){
  $('.t_horizontal *').css('z-index','1000 !important');
});

注意：菜单正在使用表格，这不是构建菜单的正确方法。

Answer 2

你试过了吗？

#ctlHeaderModules {
  position: relative;
  z-index: 2;
}
#frm1 {
  position: relative;
  z-index: 1;
}

这两个元素都处于同一级别，当我在Chrome中检查它们时，我没有看到任何这些属性被应用，它值得一试。