根据文本的数量垂直重复图像

时间:2013-04-27 19:36:12

标签: html css css3

我在背景图像上面有背景图像和文字。但是,我的问题是,如果我写了太多文本,它就会开始退出背景图像。如何根据背景上的文本数量垂直重复背景图像?

另外,由于背景图像非常高,我怎么能重复图像,然后让它很好地环绕文本,以便在文本下面没有太多额外的图像?

感谢。

3 个答案:

答案 0 :(得分:4)

制作一个带有repeat-y背景图像的div。喜欢: http://jsfiddle.net/UDJMq/

这可以解决您的两个问题,因为它会停止图像重复文本停止的位置。

答案 1 :(得分:1)

你试过了吗?

background-repeat: repeat-y;

这将沿y轴(垂直)重复背景图像。 其他可接受的值为repeatrepeat-xno-repeat

答案 2 :(得分:0)

CheckOut this Background repeat property;

你可以使用这个属性; 重复-X; 重复-γ