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

Question

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

Answer 1

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

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

编辑（因为问题已更新）：如果您对 jQuery 没问题：

http://jsfiddle.net/ytXd6/

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