如何在內容溢出時強制整頁背景？

Question

我想用自己的背景顏色在單獨的div中使用我網站的主要內容的漸變背景。

當div的高度小於頁面的高度時，一切似乎都顯示正常。但是，當div的高度大於頁面/窗口的高度（內容溢出屏幕）時，背景漸變似乎停止。

這說明的jsfiddle我的問題：http://jsfiddle.net/AEpE5/

如果增加的結果窗口的高度，使得內容div完全包含，則可以很好地看到內容下方的背景漸變顯示。但是，如果您降低結果窗口的高度（或者只是在div內添加更多內容），以便內容div未完全包含在結果窗口中，然後向下滾動（以便查看div中的其餘內容），你可以看到背景漸變似乎結束了。

很顯然，我希望我的背景漸變可以繼續沿着整個頁面（直到我到達內容的末尾，而不僅僅是到了窗口的盡頭）。這將如何完成？

Answer 1

擺脫

html { 
    height: 100%; 
} 

這將停止梯度。

http://jsfiddle.net/AEpE5/3/

Answer 2

更改body {...}到html, body {...}

http://jsfiddle.net/gDg8p/

Answer 3

刪除此：

html{ 
    height: 100%; 
    min-height: 100%; 
} 

http://jsfiddle.net/AEpE5/2/

你只是一個說明，HTML不需要，除非你也身設置爲100設置爲100％ ％，所以你的元素可以是100％。