绝对定位图像和滚动条

Question

我想要绝对的英雄＆＃39;页面顶部的图像比主页面内容宽。主页面内容为960px。图像是1200px。如果浏览器窗口宽度小于960px，我只想要出现水平滚动条。我已经考虑使用媒体查询将html元素设置为在低于1200px时隐藏溢出，然后将它们添加回960px。但是，这并没有彻底解决问题。

示例页面： http://riverdistrictstudio.com/overflow/

Answer 1

如果您无法使用背景图片，可以尝试将其包装在另一个<div>和overflow:hidden的{​​{1}}中。您可以在this jsfiddle中看到它使用虚拟图像。