Question

我正在使用以下图像,但我正在使用这一图像,而且它没有占用100%的屏幕。

我考虑了以下选择:

Create a tile of the wood grain?
Create a strip of the wood grain?

<>Current CSS

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

<><>

“entergraph

Answer 1

Add background-size: 100% 100%; to html and change repeat-x to no-repeat.

Demo:

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

Answer 2

采用一条带宽将给你带来带宽的增益,同时保持一定程度的质量,同时使用一只带有X-y重复的tile将降低质量,并给予你更高的带宽保护。

Answer 3

第一,消除来源图像中的rad梯度。然后,用几条lat子铺设一条地带,这样一来,它就自然而然。复制梯度,使用 cs3 radial gradient background。如果遗产浏览器支持是一项要求,则将梯度透明化,作为退缩。

友情链接