css - 背景画像は y 軸のみを引き伸ばし、繰り返し x を維持します

Question

divの背景画像として設定された画像があります。DIV サイズが変化しており、その中にグラデーションの画像があります。

CSS:

#scroller_shadow{
    background-image:url(../img/ui/shadow.png);
    background-repeat:repeat-x;   
    background-position:top;
}

画像を y 軸の div の高さに合わせて、repeat-x を維持するためのクロスブラウザー ソリューションが必要です。DIV は、JQuery を介して動的にサイズ変更されています。

それらは、JQuery を使用したクロスブラウザー オプションである可能性があります。クロスブラウザーのサポート (IE7+) を取得するために、スクリプトを使用してそれを達成することは気にしません。X軸で画像を引き伸ばすと強度が失われ、半透明のpng画像がほぼ透明になるため、画像を引き伸ばしたくありません。

ありがとう。

Answer 1

background-position: left top;
background-repeat-y: repeat;
background-size: 100%;