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背景图片 - >使用图片

回答

相关问题