絕對定位圖像和滾動條

Question

我想絕對是一個'英雄'圖像在頁面的頂部比主頁面內容更寬。主頁面內容是960px。該圖像是1200px。如果瀏覽器窗口寬度小於960像素，我只想要出現水平滾動條。我已經考慮過使用媒體查詢來設置HTML元素在小於1200px的情況下隱藏溢出，然後將它們添加回960px。但是，這並不能完全解決問題。

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

Answer 1

如果無法使用背景圖片，你可以嘗試在其他<div>具有overflow:hidden和width:100%加以包裝。您可以在this jsfiddle中看到它使用虛擬圖像。