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

Question

ウェブサイトのホームページの上半分にのみ背景塗装グラデーションを作成したいと思います。 this websiteの背景に類似したもの。 誰かがクロスブラウザサポートでこれを行うのに手伝ってもらえますか？

Answer 1

。あなたが好きなら、あなたはそれを省略することができます。 （yourImage.jpgを）URL：

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

Answer 2

背景画像：CSSを使って大規模な背景画像ザッツ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; 
}