CSS 背景图像 -> 使用图像

Question

我正在使用下面的图片，但我按原样使用它，它没有占据 100% 的屏幕。

我想到了以下选项，但我希望能就如何操作提供一些建议:

1. 制作木纹瓷砖？
2. 制作一条木纹？

当前 CSS

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

图片

Answer 1

将 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%;
}