CSS Background-重复图像的特殊间隔

Question

我有一个简单的问题 :) 希望如此。

所以，我不想用 CSS 重复网站背景图像。但不是逐个像素 - 不 - 逐个像素间隔。例如，每次在 y 轴上需要时，我想重复背景图像的像素 0 到 100。

对于正常情况，如果我有一个背景图像以 1000*1 像素的尺寸重复，CSS 将在浏览器中的每个像素行显示该图像，直到不再需要它为止。现在，如果我放入一个 1000*10 像素的图像，CSS 会在需要时重复图像 PLUS，只要有内容可以显示。这意味着，如果(例如)不再显示任何文本，浏览器将停止显示图像，即使显示的图像只有 1000*5 像素。

我想要的是显示完整的图像，即使上面没有显示任何内容。这意味着如果重复显示 1000*10 像素的图像，它将以全尺寸显示。每次 1000*10 像素 - 绝不会少。

是否有可能以某种方式实现它？

谢谢:)

Answer 1

您可以将所有内容放在一个 DIV 中。将您的 img-background 样式添加到此 DIV。然后使用 javascript，您必须获取内容的高度，将 5px 和整数加到 0。然后将新高度添加到 DIV。