用css3实现页面背景图片不重复

也许许多人在做网页的时候都会遇到过一个这样的问题，什么问题呢那就是跟下面这张图片一样的问题

出现这样的问题的原因是因为div的大小大于背景图片的大小，从而导致了背景图片的重复，其实在css3中解决像这样的问题特别简单只需要添加一个这样的样式即可

   background-repeat:no-repeat;

加上这条语句之后一切问题就顺利的解决了。

看问题得到解决效果图如上图所示。当然有些时候我们也会遇到像因为页面滚动导致背景图片重复的现象，这时候我们也只需要加上一条background-attachment:fixed;这条语句加上以后问题就解决了。