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

Question

我正在一個網站上全部都適合一個頁面，並向下滾動到其他部分，就像其他頁面一樣。 我想擁有一個動態調整圖像的登錄頁面，當用戶進入時它將占據用戶的整個頁面。 我能夠使圖像正常工作，但是無法將頁面向下滾動到其他內容。

.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 這里請注意，“測試”應該是居中的，必須的復制粘貼錯誤或財產以后。

Answer 1

只是為了擴展我的評論：增加margin-top:100%; 到您要下推的div應該會產生所需的結果。 請查看下面的鏈接，我在該屬性中添加了一個名為“ test”的div ，它似乎可以完成您想要的操作。

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