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

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 に答える
1

Webサイトには2つのボディスタイルが定義されているようです。繰り返しなしは、標準の繰り返し背景画像によって上書きされます。

ここに画像の説明を入力してください

于 2012-12-16T14:39:46.810 に答える