Question

我的目的是将页脚固定在页面底部并显示在内容后面（不重叠）。它在Mozilla上运行良好。下面的图片和代码：

关于Mozilla：

在IE 11上：

＆＃13;

.stage{
    float:left;
    height:100%;
    min-height:700px;
    background: #FFFFFF;
    width:100%;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom:100px;
    text-align: left;
    box-shadow: 0px 1px 1px #666666;
    padding: 10px;
    border: solid #BAC2C5 1px;
    border-top: solid #BAC2C5 0px;
    position:relative;
}

.footer-box{
    position: fixed;
    left: 0; 
    right: 0; 
    bottom: 0; 
    height:35px;
    padding:0px 0px;
    background-color:#fff;
    width:100%;
    z-index:initial;
}

＆＃13;

<html>
    <body>
        <div class="stage">
            Content goes Here
        </div>
        <footer>
            <div class="footer-box">
                Footer goes Here
            </div>
        </footer>
    </body>
</html>

＆＃13;

可悲的是，我无法链接页面，因此代码/图片是展示正在发生的事情的示例

编辑：将z-index更改为-1会完全隐藏在IE上（它仍在那里，只是在＆＃39; stage＆＃39;），仍可在Firefox上运行。

编辑：删除了margin-top：100px来自页脚框，因为它没有任何效果

粘性页脚重叠IE上的内容

0 个答案: