2010-03-27 58 views
1

我有以下CSS位置在页面底部div。定位页面的div底部并保持以上内容

问:如何阻止内容在其下流动?

#footer { 
    position:fixed; 
    bottom:0; 
    background:url(../images/bg-footer.jpg) top; 
    z-index:200; 
    height:34px; 
    width:100%; 
    line-height:34px; 
    padding:0; 
    font-size:11px; 
    color:#fff; 
} 

我不能添加填充到身体或任何东西,因为我有一个适当的全屏背景图片按本教程:

http://css-tricks.com/how-to-resizeable-background-image/

回答

0

您是否尝试过使用:position:absolute;呢?

+0

不,现在试试吧。 – Andy 2010-03-27 17:04:06

+1

这不起作用,因为当我开始滚动页面时,这也开始滚动。 – Andy 2010-03-27 17:05:25

+0

感谢您的意见,但值得一试。 – Andy 2010-03-27 17:05:46

0

如果你想保持内容高于你的页脚,你应该开始从它删除积极z-index

+0

感谢您的支持 – Andy 2010-03-29 07:43:32

0

如果你有页脚的页面(可能是包裹在一个整版的div)的最终DIV然后尝试设置明确的财产既在你的CSS,如:

明确:两者;

这应该防止任何其他div落在页脚之下。

+0

感谢此信息 – Andy 2010-03-29 07:43:12

+0

它是做你想做的吗? – Amos 2010-03-29 09:07:27

+0

不应该说清楚,不是CSS? – 2013-09-01 01:28:38