2010-03-27 117 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