2012-02-23 48 views
1

我搜索了互联网,无法找到任何在这里工作。页脚后面的内容CSS

我的页脚模糊了我的主要内容,看起来在每个浏览器,但Firefox。我希望我的页脚能够放在我的主要内容之后。我制作的网站具有弹性,适合浏览器窗口,无需滚动,因此我不确定是否需要粘贴页脚。这就是为什么我将页边距设置为负值的原因。我想用黑色框后面的页脚浓缩页面。

Here's a jsFiddle demo和这里就是我想要它看起来像: enter image description here

回答

3

尝试使用z-index属性。 查看此更新jsFiddle

+0

谢谢!这完全奏效! :-D – amandathewebdev 2012-02-23 17:17:19

+0

没问题!很高兴帮助 – jacktheripper 2012-02-23 17:18:26

+0

如果解决了问题,您可能需要考虑接受答案http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – jacktheripper 2012-02-23 17:26:42

1

您可以使用Z-Index来控制元素的顺序。 Add 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; 
}