绝对定位图像和滚动条

Question

我想绝对是一个'英雄'图像在页面的顶部比主页面内容更宽。主页面内容是960px。该图像是1200px。如果浏览器窗口宽度小于960像素，我只想要出现水平滚动条。我已经考虑过使用媒体查询来设置HTML元素在小于1200px的情况下隐藏溢出，然后将它们添加回960px。但是，这并不能完全解决问题。

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

Answer 1

如果无法使用背景图片，你可以尝试在其他<div>具有overflow:hidden和width:100%加以包装。您可以在this jsfiddle中看到它使用虚拟图像。