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

Question

是否可以在 css 中在 div 标签(或其他标签)的背景上重复(repeat-y)您的图像但不裁剪它。因此，当图像不完全适合标签时，标签的高度会增加。

Answer 1

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

如果您希望所有重复都 100% 可见，则必须使用一些 javascript。

编辑(因为问题已更新):如果您对 jQuery 没问题:

http://jsfiddle.net/ytXd6/

基本上，您设置 min-height，对于多次重复，您将高度除以图像高度，然后加上余数，这样 div 的高度将始终是图像高度的倍数。