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

我有一个简单的问题:)希望。CSS背景 - 重复图像的特殊间隔

所以，我不想用CSS重复一个网站背景图片。但不是像素逐像素 - 没有像素间隔像素间隔。例如，我想每次在y轴上需要时重复我的背景图像的像素0到100。对于一般来说，如果我有一个背景图像重复1000 * 1像素的尺寸，CSS会在浏览器中显示这个图像的每个像素行，直到它不再需要为止。现在，如果我放入一张1000 * 10像素的图片，只要有内容显示，CSS就会重复该图片，只要它有需要就可以重复图片PLUS。这意味着，如果有（例如）没有文字显示，浏览器将停止显示图像，即使只有1000 * 5像素的图像显示。

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

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

谢谢:)

来源

2011-06-09 JustBasti

所以你说你要确保你的'background-image'的像素高度总是四舍五入为10的倍数？ – thirtydot 2011-06-09 14:08:30

你可以把你所有的内容放在一个DIV中。将你的img-background样式添加到这个DIV中。然后用JavaScript你必须得到你的内容的高度，添加5px和圆数为0.然后将新的高度添加到DIV。

来源

2011-06-09 14:11:50 Didozavar

我不知道有一种方法，用纯HTML/CSS，将工作跨浏览器要做到这一点，但你可以看看javascript来计算你的容器的高度，和工作从那里开始，明确地将最小高度设置为设定的间隔，如你所愿...

来源

2011-06-09 14:01:58 Dan

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

回答

相关问题