CSS背景 - 重复图像的特殊间隔

Question

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

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

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

我想要的是显示完整图像，即使没有显示内容。这意味着如果重复1000 * 10像素图像，它将以完整大小显示。每次1000 * 10像素 - 永不减少。

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

谢谢：）

Answer 1

我不确定有什么方法可以使用纯粹的html / css来实现跨浏览器的工作，但你可以查看javascript来计算容器的高度，然后从那里向后工作，明确设置min - 你想要的设定间隔的高度......

Answer 2

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