大图导致背景消失

Question

我有一个与 div background-image overflow 类似的问题： 我有一个页面，我想要一个具有相同背景的“页眉”和“页脚”。 紧挨在标题下方的是一张大图，最后是这张图片下方的内容。

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

这是 an example of my problem 的 jsFiddle，我最终在不同部分周围环绕以设置正确的背景。

这是正常行为，全屏

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

我尝试了很多方法来找到解决方法。我无法将 min-width:1600px 设置为 bodywrap（对于我的真实情况），因为它会导致小分辨率用户大量滚动以找到“居中内容”！

如果您对我的问题有任何建议或其他方法，请提前致谢！

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

Answer 1

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

更新：

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

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