做网站久了,许多写css的技巧已经成为一种习惯,而跟随你的这些习惯,可能不全都是合理的,有些甚至很糟糕,下面的截图可以说明在书写背景图片的css时设置repeat的用处。
你所看到的截图是在chrome下首页被撑开了,属于浏览器兼容性的问题这里不做讨论,不仅仅是网页的banner,还有栏目的背景图,也一起被重复了,因此,我们在给背景图片写css代码时,应该记着在url()后紧跟着写上是否重复,横向重复还是纵向重复(no-repeat、repeat-x、repeat-y),这样即使在特殊情况下内容的区域超出了背景的范围,也不会使得背景重复出现,你要做的就是在url后多加一条定义重复的语句。