css - IE Quirks 模式下的 Z-index 问题

Question

我正在这个网站上工作： http: //stdionis.org.uk/

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

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

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

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

score 0 · Accepted Answer

尝试这个 -

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

或者

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

如果甚至不工作 - 尝试使用 jQuery -

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

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

score 0 · Accepted Answer

你有没有尝试过：

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

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

2 回答 2