1

无法解决在 ie7 中为 DOM 元素提供 z-index 的解决方案。好的，这是真正的标记：

<div id="page-wrap">
<div class="push"></div>
<footer id="footer-container" class="source-org vcard copyright">
<div class="grass"></div>
<div id="footer"></div>
</footer>

这里的CSS：

#page-wrap {
    height: auto !important;
    margin: 0 auto -60px;
    min-height: 100%;
    position: relative;
    width: 98%;
}
.push {
    height: 60px;
}
#footer-container {
    background-color: #1B1B1B;
    bottom: 0;
    height: 60px;
    position: relative;
    width: 100%;
}
.grass {
    background-image: url("assets/images/grass.png");
    background-repeat: repeat-x;
    height: 82px;
    position: absolute;
    top: -78px;
    width: 100%;
}
article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
}
#footer {
    margin: auto;
    position: relative;
    top: 20px;
    width: 960px;
}

希望能帮助到你。实际上，这在所有浏览器上都可以正常工作，即使是 ie9 和 ie8。

4

2 回答 2

3

好吧，您没有提供足够的代码和 z-index 的使用，所以我的逻辑猜测是 ie7 的问题是错误的 z-index 解释。要解决您的问题，请为您想要的元素提供负 z-index。例如，

<div style="z-index:-1;" id="beneath"></div>
<div style="z-index:1;" id="above"></div>

会工作，但是，

 <div style="z-index:0;" id="beneath"></div>
 <div style="z-index:1;" id="above"></div>

在ie7中不起作用。

所以为了让它工作给下面的负值（*你想要的“下面”）div

于 2012-06-29T16:39:11.780 回答
0

我发现了一些关于 IE 的神秘之处
IE 无法读取超过 1000 的 z-index 值

于 2014-04-30T12:51:37.047 回答