css或Javascript重複圖像而不裁剪它

Question

是否有可能在CSS中在div標籤（或其他標籤）的背景上重複（repeat-y）圖像，但沒有裁剪它。 因此，當圖像不完全符合標籤時，標籤的高度會增加。

Answer 1

不完全。
您可以指定min-height，該元素等於背景圖像的高度，但不能保證圖像重複第一次重複也會100％可見。

如果你想要所有的重複在100％可見，你將不得不使用一些JavaScript。

編輯（因爲問題被更新）：如果你確定使用jQuery：

http://jsfiddle.net/ytXd6/

基本上你設置min-height和多次重複你除以圖像的高度的高度，並添加其餘所以div的高度將始終是圖片高度的多倍。