Question

无法解决为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。

Answer 1

嗯，你没有提供足够的代码和使用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

Answer 2

我发现IE有些神秘 IE无法读取z-index值超过1000

ie7中的z-index不起作用

2 个答案: