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

I'm currently working on a new design for a web site, and I have a little problem with my footer (image) and getting the content to overlay.

我目前正在为一个网站做一个新的设计，我的页脚(图像)和内容覆盖有一点问题。

For the footer I'm using this at my starting point: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

对于页脚，我在起始点使用这个:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

You can see the new design here: [edit]site doesn't exist anymore, sorry about that[/edit] http://nubi.dk/dev/ (content and design is currently evolving thus doesn't fit the question anymore - sorry for that)

您可以在这里看到新的设计:[edit]站点不再存在，关于[/edit] http://nubi抱歉。dk/dev/(内容和设计正在进化，因此不再适合这个问题了——抱歉)

What I would like is to have the green part (content) to continue all the way down over the image at the bottom, but for some reason (I cannot see why) it goes behind.

我想要的是绿色的部分(内容)继续沿着底部的图像向下延伸，但是出于某种原因(我不明白为什么)它会落后。

1 个解决方案

#1

Just add "position:relative" in layout.css for #content.

只需在布局中添加“position:relative”即可。#内容的css。

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