使用960网格时，IE8中的Z-index问题

Question

我在IE8中遇到了一个问题，我的下拉式导航将落后于另一个元素。我已经尝试了从将违规元素的zindex设置为1以及将下拉设置为99和999的所有内容。我认为这与我使用960网格这一事实有关，因为之前我没有使用它。

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

出现问题

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

我讨厌微软。

Here is my stylesheet您可以看到问题here

Answer 1

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

您可以为列表容器（#left_container）提供更高的z-index：

#left_container {
    z-index: 999;
}

或降低center_element的z-index：

#center_element {
    z-index: -1;
}

另见：http://doctype.com/ie8-zindex-anomaly

Answer 2

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

Answer 3

这个问题也出现在IE 7.0.6002.18005中，我没有8但是以下似乎对我来说在本地工作并且看起来它不会破坏Firefox所以也许它也适用于IE8但是又一次我不知道它对你是否可行，或者它是否会在未来的更新中引起你的问题，但值得一试：

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

a）<div id="left_container" class="grid_1">

与     <div id="left_container" class="grid_1" style="position:static;">

b）<li class="last">的所有发生 与<li class="last" style="position:static;">

OR

查找/替换以下课程＆amp;外部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＆amp;您的网页没有任何问题。我没有必要改变任何东西。它显示确定（没有编辑css或任何只是访问了网址，它工作）。