大圖像導致背景消失

Question

我有一個類似的問題，而不是div background-image overflow： 我有一個頁面，我想要一個'頭'和'頁腳'具有相同的背景。 立即在標題下，一個大圖像，最後在這個圖像下的內容。

所有的內容（包括頁眉/頁腳/圖片）居中，問題與圖片（寬度：1600px）和瀏覽器的大小...當它低於1600px，我們可以滾動和背景STOPS ...我希望它們能夠延伸以及... （我可以使用與頁眉/頁腳相同的背景設置body元素，但內容會丟失它...）

這是一個jsFiddle作爲an example of my problem，我結束了圍繞不同部分的包裝來設置正確的背景。

這裏是正常的行爲，全尺寸的屏幕

這裏的問題是，當瀏覽器是比內容更小，滾動條出現和消失的背景...

我嘗試了很多很多事情來找到解決方法。我無法設置最小寬度：1600px到bodywrap（對於我的真實情況），因爲它會導致大量滾動，以便小分辨率用戶找到「居中內容」！

如果您有任何建議或對我的問題有不同的解決方法，請提前致謝！

最終編輯： - @Happy辛格代碼（使用背景圖像和一個溢出：隱藏在imagewrap）與我的加成最小寬度的每個內容元素。 The final jsFiddle。

Answer 1

試試這個小提琴http://jsfiddle.net/3KtSf/如果我得到你的問題是正確的，那麼它可能是你的解決方案;

UPDATE：

修訂的小提琴（http://jsfiddle.net/ux2pj/1/）按評論的要求。

在小提琴中，圖像來自背景，因此圖像的寬度/高度爲500 x 367像素。