Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在css中重复整个图像?_Css - Fatal编程技术网

如何在css中重复整个图像?

如何在css中重复整个图像?,css,Css,我想要一个图像在整个长度上重复。如果我写: background: url(pohi_2.png); background-repeat:repeat-y; 然后它重复,但在内容结束时停止。例如,我希望是2次还是3次,但不是2,7次。这是一个常见问题 当我必须解决这类问题时,我通常会确保背景图像的宽度是css分割宽度的整数倍是的,这是唯一的方法。重复不能被限制在一定的数量上,因为它随着内容的增长而增长,所以高度比宽度更难重复。但是,这仍然是唯一的方法,CSS无法根据背景图像高度“动态”调整高度

我想要一个图像在整个长度上重复。如果我写:

background: url(pohi_2.png);
background-repeat:repeat-y;
然后它重复,但在内容结束时停止。例如,我希望是2次还是3次,但不是2,7次。

这是一个常见问题


当我必须解决这类问题时,我通常会确保背景图像的宽度是css分割宽度的整数倍

是的,这是唯一的方法。重复不能被限制在一定的数量上,因为它随着内容的增长而增长,所以高度比宽度更难重复。但是,这仍然是唯一的方法,CSS无法根据背景图像高度“动态”调整高度。也许可以做一个疯狂的JS黑客,但我宁愿首先找到另一种设计页面的方法;只是:重复;