html - ウェブページの半分にスプレーペイントのグラデーションを追加するにはどうすればよいですか？

Question

ウェブサイトのホームページの上半分だけに背景のスプレーペイントのグラデーションを作成したいと思います。このウェブサイトの背景に似たもの。誰かがクロスブラウザサポートでこれを行うのを手伝ってくれませんか？

Answer 1

背景画像: http://www.tizag.com/pics/BannerTileBackground.gif

body {
    background-image: url(http://www.tizag.com/pics/BannerTileBackground.gif);
    background-repeat: repeat-x; 
    background-position: top;
}

Answer 2

それは Css を使用した大きな背景画像です。必要に応じて省略できます。

body {
background:url(pathtoyourimage/image.gif) top left repeat-x scroll #fff;
}