CSS背景圖片 - >使用圖片

我正在使用下面的圖片，但我正在使用它，它並沒有佔用屏幕的100％。CSS背景圖片 - >使用圖片

我已經想到了以下的選擇，但我希望什麼就做一些建議：

創建木紋的瓷磚？
創建一個木紋帶？

當前CSS

html{ 
    background: url('../img/Body_BG.png') repeat-x 0 0 scroll; 
    background-color:#0C0C0C; 
    height:100%; 
    width:100%; 
}

圖片

enter image description here

來源

2012-01-14 Jess McKenzie

將background-size: 100% 100%;添加到html並將repeat-x更改爲no-repeat。

演示：http://jsfiddle.net/ThinkingStiff/jUr9E/

html{ 
    background: url('http://i.stack.imgur.com/jGlzr.png') no-repeat 0 0 scroll; 
    background-color:#0C0C0C; 
    background-size: 100% 100%; 
    height:100%; 
    width:100%; 
}

來源

2012-01-15 00:56:25 ThinkingStiff

使用帶會給你的帶寬，增益，同時還節省質量的一些措施，同時採用瓷磚用xy重複將會降低質量併爲您提供更高的帶寬保留。

來源

2012-01-14 22:58:25

首先，刪除源圖像上的徑向漸變。然後創建一個帶有幾條板條的條，以便重複時看起來很自然。要重現梯度，請使用css3 radial gradient background。如果需要傳統瀏覽器支持，請爲漸變包含透明png作爲後備。

來源

2012-01-15 00:50:16 shaunsantacruz

CSS背景圖片 - >使用圖片

回答

相關問題