造成背景的大图像消失

Question

我遇到的问题与div background-image overflow类似： 我有一个页面，我想要一个具有相同背景的'标题'和'页脚'。 立即在标题下，一个大图像，最后在这个图像下的内容。

所有内容（包括页眉/页脚/图像）都居中，问题在于图像（宽度：1600px）和浏览器的大小...当它低于1600px时，我们可以滚动并且背景STOPS。 ..我希望他们能够延长...... （我可以设置body元素与页眉/页脚相同的背景，但内容会丢失它......）

这是一个jsFiddle an example of my problem，我最后在不同的部分围绕着设置正确的背景。

这是正常行为，全尺寸屏幕

问题是，当浏览器小于内容时，滚动条会出现，背景会消失...

我尝试了很多东西来找到解决方法。我不能将最小宽度：1600px设置为bodywrap（对于我的实际情况），因为它会导致大量滚动以便小分辨率用户找到“居中内容”！

如果您对我的问题有任何建议或不同的方法，请提前感谢！

最终修改： - @Happy Singh代码（使用背景图像和溢出：隐藏在图像包裹上），我为每个内容元素添加了最小宽度。 The final jsFiddle

Answer 1

尝试这个小提琴http://jsfiddle.net/3KtSf/如果我的问题正确，那么它可能是你的解决方案;

<强>更新

根据评论的要求修改小提琴（http://jsfiddle.net/ux2pj/1/）。

在小提琴中，图像来自背景，因此图像的宽度/高度为500 x 367像素。