1

我想知道下页的背景是如何制作的？ 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;
}

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

4

3 回答 3

1

It appears the website has two body styles defined, the no-repeat getting overriden by a standard repeating background image.

enter image description here

于 2012-12-16T14:39:46.810 回答
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;
}
于 2012-12-16T14:32:08.403 回答
1

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

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

我希望这有帮助。

于 2012-12-16T14:34:24.017 回答