css - css または Javascript 画像をトリミングせずに繰り返す

Question

css で div タグ (または他のタグ) の背景に画像を繰り返す (repeat-y) ことはできますが、トリミングする必要はありません。そのため、画像がタグに完全に収まらない場合、タグの高さが増加します。

Answer 1

ではない正確に。背景画像の高さに等しい要素
を指定できますが、最初に画像が繰り返されるときにその繰り返しが 100% 表示されることは保証されません。min-height

すべての繰り返しを 100% で表示するには、javascript を使用する必要があります。

編集（質問が更新されたため）：jQueryに問題がない場合：

http://jsfiddle.net/ytXd6/

基本的に設定min-heightし、複数の繰り返しの場合は、高さを画像の高さで割り、残りを追加して、div の高さが常に画像の高さの倍数になるようにします。