如何用css制作这种灰色的背景？

Question

我想知道下一页的背景是如何制作的？ http://www.wohn-blogger.de/page/4/

如您所见，背景不是纯色。它是一个可以扩展到整个页面的图像吗？或者甚至可以通过css以某种方式实现这一点？

我问的原因是css包含以下内容：

body {
    background: #0d1424 url(images/body-bg.jpg) no-repeat center top;
    font: .81em/150% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
    word-wrap: break-word;
    color: #666;
}

这意味着这是一个不重复的单个图像。无论如何整个页面都被填满了？

Answer 1

CSS：

body {
    background: url("http://www.wohn-blogger.de/wp-content/themes/itheme2/skins/gray/images/body-bg.png") repeat scroll 0 0 #D1D1D1;
    color: #666666;
}

Answer 2

有几种方法可以做到这一点。它似乎由透明渐变图像和纹理图像组成。在这种情况下，我会通过将重复纹理添加到html元素并将透明渐变添加到body元素来实现此目的。

html {background:url(texture.png);)
body {background:url(gradient.png) top left repeat-x;)

我希望这会有所帮助。

Answer 3

网站似乎定义了两种体型，不重复被标准的重复背景图像覆盖。