設置背景是全寬度和高度

-1

body { 
    background: url("https://wallpaperscraft.com/image/mountain_lake_landscape_trees_79396_2560x1600.jpg"); 
    background-size: cover; 
    background-repeat: no-repeat; 
}

的jsfiddle：https://jsfiddle.net/rts05xt2/

我想要的圖像是全寬和全高，如果有人重新調整瀏覽器，圖像將不要再調整大小，只要保持那樣。有什麼建議麼？

來源

2016-01-19 Web R

你試過'背景大小：initial'？ – jhamon

是的，你可以嘗試看看它不調整圖像大小，並顯示圖像的30％... @jhamon –

@Web R你的代碼似乎在工作... –

您可以將下面的CSS：

body {background:url("https://wallpaperscraft.com/image/mountain_lake_landscape_trees_79396_2560x1600.jpg") no-repeat center center fixed; background-size : cover}

來源

2016-01-19 08:37:57 Vijay

感謝，它的作品，但一件事 - 當我調整瀏覽器，並儘量減少瀏覽器，例如，圖像也調整大小，我不希望它。我如何避免它？ –

封面將相應地調整大小或調整其寬度。 – Vijay

html { 
 
    background: url(images/ho.png) no-repeat center center fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
}

這是最完美的方式

來源

2016-01-19 08:41:26 Levon

你支持Fx 3.6，Opera 10.1和Android 2.3嗎？ – FelipeAls

我不明白你的問題 – Levon

我已經更清楚地指向[caniuse]（http://caniuse.com/#feat=background-img-opts）的鏈接，對不起。 3個前綴屬性僅適用於瀏覽器的瀏覽器版本。 – FelipeAls

設置背景是全寬度和高度

回答

相關問題