internet-explorer-8 - 使用 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

我讨厌微软。

score 0 · Accepted Answer

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

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

#left_container {
    z-index: 999;
}

或降低 center_element 的 z-index：

#center_element {
    z-index: -1;
}

score 0 · Accepted Answer

0

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

于 2011-01-11T21:30:54.143 回答

score 0 · Accepted Answer

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

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

一种）<div id="left_container" class="grid_1">

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

b) 所有出现的<li class="last"> with<li class="last" style="position:static;">

或者

在外部 CSS 中查找/替换以下类和选择器，如下所示：

960grid.css

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

样式.css

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

Btw我刚刚在 IE8 6001 18720 上尝试过，您的网页完全没有问题。我无需更改任何内容，它显示正常（没有编辑 css 或任何内容，只是访问了 url 并且它有效）。

3 回答 3