標題固定爲頁腳

Question

我創建了fiddle標題，內容和頁腳。

您可以看到，頁眉和頁腳的CSS是類比的。頁腳的行爲如我所願，但滾動時 標題與文本衝突。

你知道什麼是錯的嗎？

謝謝

Answer 1

由於您的內容div位於標題之後，因此它的z-index默認爲「較高」，所以當您滾動時它將位於標題的「頂部」。

添加

z-index:1000; 

你報頭的CSS。

Answer 2

它只是在#header添加z-index值的問題。

演示：jsfiddle.net/Jua3j/22

另外，不要忘了給#content足夠padding-bottom以清除#footer高度。