css 怎么设置背景图片的重复次数

html-css011

css 怎么设置背景图片的重复次数,第1张

这个目前的css3及以前的css规则中没有提及到。目前能够对背景进行的操作就是横向平铺(background-repeat:repeat-x)、纵向平铺(background-repeat:repeat-y)、完全平铺(background-repeat:repeat/不填写)、背景图大小(background-size)、背景定位区域(background-origin)、多重背景图片(background-image:url(bg_flower.gif),url(bg_flower_2.gif))等,还没有涉及到你说的这个重复次数的问题,你可以根据背景图的大小和想要重复的次数计算一下对应的宽高,然后限定一下宽高进行完全平铺,最后用定位将这个标签定位到你想要的位置。

你背景样式 纵向循环了

background:url(images/img.jpg) no-repeat 这样是禁止循环

background:url(images/img.jpg) repeat-x 这样是横向循环

background:url(images/img.jpg) repeat-y 这样是纵向循环

background:url(images/img.jpg) 这样是纵横都循环

还是你的CSS编写有问题,有可能是结构问题,也有可能是继承问题,你可以把你的代码发出来看看! body { background:url(图片路径) no-repeat} /* 主体背景图片不循环CSS实例,背景图片居于左上角 */ 这么写是不会有任何问题的,兼容IE6.0及以上浏览器、火狐、谷歌等主流浏览器。