html - 背景画像のストレッチ

Question

サイズが 1x947 pxの背景画像があります。

問題はグラデーションカラーなので、 repeat-xのみを使用しますが、ページの高さが 947 px を超えると背景色が表示され、

background-image:url(bg.gif);
background-repeat:repeat-x;

それを伸ばす方法は？

フィドルのコード例は次のとおりですhttp://jsfiddle.net/K9cUd/1/

Answer 1

コードや例がないとわかりにくい。

CSS3を使用できます

background-size: 100%;

これにより、ページ全体のサイズに引き伸ばされます。

あなたがする必要があるかもしれません

background-size: 0 100%;またbackground-size: 0% 100%;

なので横幅は変わりません。

ここで詳細を読むことができます: http://webdesign.about.com/od/styleproperties/p/blspbgsize.htm

そして仕様: http://www.w3.org/TR/css3-background/#the-background-size

Answer 2

パーセンテージを使用したくない場合は、次を使用します。

    background-size: cover;