使用 960 网格时 IE8 中的 Z 索引问题

Question

我在 IE8 中遇到问题，我的下拉式导航位于另一个元素后面。我已经尝试了一切，从将有问题的元素的 zindex 设置为 1，将下拉列表设置为 99 和 999。我认为这与我使用 960 网格这一事实有关，因为它以前可以工作，但我没有使用。

更新：问题出现在 IE8.0.6 中，但不是 IE8.0.7

更新 2：问题出现在 IE8.0.6001.187021C 中，但不是 IE8.0.6001.1870

我讨厌微软。

这是我的样式表，您可以看到发生的问题此处

Answer 1

这个问题也出现在 IE 7.0.6002.18005 中，我没有 8，但以下内容似乎在本地对我有效，并且看起来它不会破坏 Firefox，所以也许它也适用于 IE8，但我又不这样做不知道它是否对您可行，或者是否会在将来的更新中给您带来问题，但值得一试：

在主页中我替换了几个标签：

a)

与

b) 所有出现

与

或

查找/替换以下类 &外部 CSS 选择器如下：

960grid.css

.container_5 .grid_1 {
    WIDTH: 182px;
      position:static;
}

style.css

#drop_nav .last {
    BORDER-BOTTOM: #fff 0px solid;
      position:static;
}

Btw 我刚刚在 IE8 6001 18720 & 上尝试过。您的网页完全没有问题。我不需要改变任何东西&它显示正常（没有编辑 css 或任何内容，只是访问了 url 并且它起作用了）。

Answer 2

已知 IE 存在 z-index 错误，这与 960 网格无关。

您可以为列表容器 (#left_container) 提供更高的 z 索引：

#left_container {
    z-index: 999;
}

或降低 center_element 的 z 索引：

#center_element {
    z-index: -1;
}

另请参阅：http://doctype.com/ie8-zindex-anomaly

Answer 3

尝试也给“#drop_nav li”一个 z-index