页脚放置在底部(img)和内容覆盖

时间:2011-10-22 11:11:19

标签: css image overlay footer

我目前正在为一个网站开发一个新的设计,我的页脚(图像)有一些问题,并且要将内容叠加到一起​​。

对于页脚我在起点使用此内容:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

您可以在此处看到新设计:[编辑]网站不再存在,抱歉[/ 编辑] http://nubi.dk/dev/(内容和设计目前正在发展,因此不再适合这个问题了 - 抱歉)

我想要的是让绿色部分(内容)一直向下延伸到底部的图像,但出于某种原因(我看不出原因)它落后了。

1 个答案:

答案 0 :(得分:5)

只需在layout.css中为#content添加“position:relative”。

#content {
    background-color: #00FF00;
    margin: 0 auto -130px 0;
    position: relative;
    width: 960px;
    z-index: 9999;
}