防止背景重复
这个问题在这里已经有了答案：
CSS规则：
background-size: cover;
将使背景图像足够大，以便覆盖背景图像的元素。 这也会产生不重复背景图像的副作用。
如果在此之后仍然有背景重复问题，可以使用：
background-repeat: no-repeat;
明确强制背景不重复。
因此，在您提供的代码中，完整的解决方案是将您的body规则更改为：
body {
font-family: Titillium Web, sans-serif;
background-image: url("images/polarvillebg.png");
background-size: cover;
background-repeat: no-repeat;
}
您可以使用此代码将图像设置为全屏幕背景。
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
它会阻止收获，但也存在：CSS中的background-repeat。
说啊：
body{
background-repeat: no-repeat;
background-size: cover;
}
“不重复”告诉背景图像停止重复。 “封面”告诉图像在整个视口上伸展（不失真）。
链接地址: http://www.djcxy.com/p/89213.html