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

发布于 2024-12-11 08:25:29 字数 436 浏览 1 评论 0原文

我目前正在为网站进行新设计,但我的页脚(图像)和内容叠加遇到了一些问题。

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

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

我想要的是让绿色部分(内容)继续在底部的图像上一直向下,但由于某种原因(我不明白为什么)它落后了。

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/

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)

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.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

时光是把杀猪刀 2024-12-18 08:25:30

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

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

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

#content {
    background-color: #00FF00;
    margin: 0 auto -130px 0;
    position: relative;
    width: 960px;
    z-index: 9999;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文