Html 导致背景消失的大图像

我有一个类似的问题： 我有一个页面，我想要一个具有相同背景的“页眉”和“页脚”。 标题下紧接着是一个大图像，最后是该图像下的内容

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

这是一个JSFIDLE，最后我将不同的部分包装起来，以设置正确的背景

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

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

我尝试了很多方法来找到解决办法。我不能设置最小宽度：1600px到腰包纸（我的真实情况），因为它会导致小分辨率用户大量滚动以找到“中心内容”

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

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

试试这把小提琴如果我能纠正你的问题，那么它可能是你的解决方案

更新：

根据意见要求修改了FIDLE（）

---

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

此图像应为背景图像…您是否缺少要显示给我们的链接。就像你上面提到的-这是正常行为，全屏幕这是正常行为，这是问题，当浏览器变小时…@HappySingh:你能看到这两张图片吗（有你提到的标题）@soju：我试着用背景图像代替，但问题仍然存在：图像应该始终保持原始宽度，高分辨率的人喜欢它的全尺寸，而低分辨率的人，只是它的中间部分。因此，拉伸不是解决方案：（感谢您的时间确定这意味着您希望显示图像的原始大小。无需减小/增大图像的大小。请稍候，让我再尝试一个解决方案。请查看更新的小提琴。如果我仍然没有收到您的问题，请让我知道。我想解决此问题。几乎，我在那里修复了它：。我应用了最小宽度（400px）（内容大小））在每个包装上，包括大图像，这会在滚动时扩展背景。溢出：隐藏图像包装。很好！现在我必须调整jQuery插件，以便它与背景图像一起工作。。。