background-size:cover背景重复解决办法

在写一个非响应式设计的后台PC端页面的时候发现用background-size:cover的时候背景会重复，有问题的代码如下：

html , body{
	height: 100%;
	width: 100%;
}
body{
	background: url('../img/bodyBg.jpg');
	background-size: cover;
	min-width: 1280px;
}

后来尝试用div中放img，再把div的z-index变成-100来当背景，但是发现还是有重复的问题，重复的原因是给了body一个min-width属性。

解决方法：只要html和body都给一个min-width属性即可。

正确的代码：

html , body{
	height: 100%;
	width: 100%;
	min-width: 1280px;
}
body{
	background: url('../img/bodyBg.jpg');
	background-size: cover;
}