創建全屏幕背景圖片，但仍然允許用戶向下滾動

我正在研究一個網站，所有網站都適合在一個網頁上，並向下滾動到其他網頁的其他網頁。我喜歡有一個着陸頁，它是一個動態調整圖像，它將在用戶進入時佔用整個頁面。我能夠讓圖像工作，但我不能將頁面向下滾動到其他內容。創建全屏幕背景圖片，但仍然允許用戶向下滾動

.full-size { 
    position: absolute; 
    top:0; 
    bottom:0; 
    right:0; 
    left:0; 
    overflow:hidden; 
} 
.page-welcome{ 
    width: 100%; 
    height: 100%; 
    position: relative; 
    overflow: hidden; 
    text-align: center; 
    background: #292929 url(http://placekitten.com/1600/900) repeat fixed; 
    background-size: cover; 
    }

繼承人我使用的CSS。

我也在jsfiddle中設置和例子HERE 請注意「測試」應居中，必須複製粘貼錯誤或遺漏。

來源

2014-02-15 user3311827

你試過'背景：＃292929 URL（http://placekitten.com/1600/900）重複滾動;'？ –

是的，試了一下沒有運氣 – user3311827

它遲到了，所以我可能誤解了你的問題，但是你有沒有嘗試在你的'.page-welcome'類中添加'overflow：auto;'然後設置'margin-top'爲100 ％？我在這裏[這個小提琴]（http://jsfiddle.net/tm2v6/11/），讓我知道它是否完成你想要的東西 – Elle

只是爲了擴展我的評論：將margin-top:100%;添加到您想要推下的div應該會產生所需的結果。請參閱下面的鏈接，我添加了一個名爲「測試」的div該屬性，它似乎完成了你想要的。

http://jsfiddle.net/tm2v6/13/embedded/result/

來源

2014-02-17 18:33:34 Elle

創建全屏幕背景圖片，但仍然允許用戶向下滾動

回答

相關問題