大图像导致背景消失

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像素。