css或Javascript重复图像而不裁剪它

Question

是否可以在css中在div-tag（或其他标签）的背景上重复（重复-y）图像，但不对其进行裁剪。 因此，当图像不完全适合标签时，标签的高度会增加。

Answer 1

不完全。
您可以为该元素指定min-height等于背景图像的高度，但这并不能保证第一次重复图像时重复也将100％可见。

如果您希望所有重复都以100％显示，则必须使用一些javascript。

编辑（问题已更新）：如果你对jQuery没问题：

http://jsfiddle.net/ytXd6/

基本上你设置min-height并且对于多次重复，你将高度除以图像的高度并添加余数，以便div的高度始终是图像高度的倍数。