Question

我知道关于粘性页脚还有其他一些问题，但似乎没有一个问题可以帮助我解决问题。这是有问题的模板：

http://blog.campquiet.com/stack/

基本上我希望带有透明边栏的背景延伸到浏览器窗口的底部。页脚（版权信息）也应该始终位于屏幕的底部，即使没有足够的内容将其推到那么远。）

有什么建议吗？

更新也许我不像我需要的那样清楚。基本上我正在努力完成这里看到的内容：hxxp：//www.cssstickyfooter.com/

我无法在我的模板中使用它。

Answer 1

您需要将主体和外部容器设置为100％高度。这个答案可以帮到你：CSS 100% height with padding/margin

Answer 2

我不确定我明白你在问什么，但要保持页脚总是在底部，也许尝试这样的事情

#footer{
    position: fixed;
    bottom: 0; /* Keeps the footer glued to the bottom of the page */
    z-index: 9999; /* Keeps the footer on top of all other elements */
}

对于后台，请尝试将CSS应用于body代码？

body{
    background: url(assets/images/bg_clouds.jpg) fixed 0 0;
}

您可以为背景应用额外的设置（例如位置和重复），使其看起来像是当前的。无论如何，如果这不能解答您的问题，请帮助我更详细地解释您的问题。

希望有所帮助。

的更新

我玩Firebug来编辑你的CSS。我想如果你摆脱html, body {}下的背景css并将其添加到你的body {}

body { background: url("assets/images/bg_clouds.jpg") repeat-x fixed 0 0 #F0F4F7; }

...即使你滚动它也会保持背景静止。它将永远存在。确保您有fixed而不是scroll

坚持粘性页脚CSS问题

2 个答案:

的更新