内容CSS背后的页脚

Question

我在互联网上搜索过，找不到任何有用的东西。

我的页脚似乎在每个浏览器中都模糊了我的主要内容，但是firefox。我希望我的页脚在我的主要内容后面休息。我正在制作的网站是有弹性的，意味着适合浏览器窗口而不需要滚动，所以我不确定粘性页脚是否是我正在寻找的。这就是我在页脚上设置为负数的原因。我想用黑盒子后面的页脚压缩页面。

Here's a jsFiddle demo这就是我想要的样子：

Answer 1

尝试使用z-index属性。 请参阅此更新jsFiddle

Answer 2

您可以使用 Z-Index 来控制元素的顺序。 添加 z-index：-1; 这是您正在寻找的结果。 http://jsfiddle.net/bd7Vy/3/

footer {
    clear: both;
    position: relative;
    margin: -5em;
    padding-top: 4em;
    color: black;
    width: inherit;
    height: 3.2em;
    background-color: #917266;
    background-repeat: repeat-x;*
    z-index:-1;
}