無論顯示器的尺寸是多少，我如何使背景適合屏幕的全尺寸？

無論顯示器的尺寸是多少，我如何使背景適合屏幕的全尺寸？無論顯示器的尺寸是多少，我如何使背景適合屏幕的全尺寸？

我遇到的主要問題是我在一頁上有兩個背景。一個在另一個之上，所以第一個上面的背景根本不會填滿整個屏幕。

這可能與兩個背景有關嗎？

這裏的CSS，着陸BG2是上BG，和含量越低

#content { 
    background-color: #eb6e1e; 
    position: relative; 
    background-position: center top; 
    background-size: cover; 
    -webkit-background-size: cover; 
    height: auto; 
    padding: 160px 0 120px; 
    color: #fff; 
} 
.landing-bg2 { 
    background: asset-url("write-bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    height: 100%; 
    width: 100%; 

}

來源

2014-11-23 Sonny Black

我假設你想在背景之間切換，所以頂部可以與底部交換，反之亦然。如果是，由於％是相對長度，所以需要將背景設置爲具有100％大小的基本元素的頂部。 – 2014-11-24 01:27:37

另外，如果你可以包含你當前代碼的JSfiddle，我可以看看。 – ryanpither 2014-11-24 03:04:40