100％寬度和高度的圖像之前的其餘內容

Question

我試圖實現這樣一個效果，如看到f.e.這裏：http://www.createpilates.com/

我想要做的是有一個「封面」圖像作爲網站加載，然後如果用戶向下滾動，內容是可見的。

注意，第一個圖像總是覆蓋加載屏幕的100％，無論我調整窗口等

有人可以幫我嗎？謝謝！

Answer 1

確保您的元素都有充分的高度和寬度設置，然後你使用這樣的：

#element { 
    width: 100%; 
    height: 100%; 
    background: url("yourimage.jpg") no-repeat center center fixed; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    -webkit-background-size: cover; 
    background-size: cover; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="yourimage.jpg", sizingMethod="scale"); 
}