CSS3背景大小：封面上調整大小

body { 
    margin:0; 
    padding:0; 
    position:relative; 
    background:url(../images/imgs/backgrnd.png) no-repeat; 
    background-size:cover; 
}

的background-size:cover完全適用於大多數情況和調整大小留下的空白是一般不會有問題，但在某些情況下，它留下一大片白色的帶下來在頁面底部在一些調整。
背景是1920x1080圖片CSS3背景大小：封面上調整大小

來源

2013-12-10 joe

不知道，如果你解決了這個問題，但我在外面撕我的頭髮在這幾天並沒有什麼我的Google可以幫忙嗎？我與我們的UI小組的工作人員交談，結果發現，網頁主體不一定會覆蓋整個頁面的高度。添加以下到我的CSS文件徹底解決了這個問題：

html { 
    height: 100%; 
} 

body { 
    background-size: cover; 
    height: 100%; 
}

這綿延的正文的內容以適合窗口的整體高度。包括「身體」一點爲我工作，但我的同事告訴我，最好包括兩個，因爲一些瀏覽器將只有一個有趣的。

來源

2014-08-25 23:54:12 kapunga

哇這是一箇舊的！感謝您的回答，是有高度：100％和寬度：100％與背景大小：封面;工作正常。關於分離高度和寬度的有趣說明，我曾經這樣做過，只是把它放在身體裏。 – joe

添加一個overflow:auto;來解決此問題。

例如，

body { 
    margin:0; 
    padding:0; 
    position:relative; 
    background:url(../images/imgs/backgrnd.png) no-repeat; 
    background-size:cover; 
    overflow:auto; 
}

希望這有助於。

來源

2013-12-10 10:12:51 Nitesh

或許你也可以嘗試使用：

background-size:100% 100%;

只是一個建議

來源

2013-12-10 10:16:37 vishnu

CSS3背景大小：封面上調整大小

回答

相關問題