当我设置背景大小背景重复没有不工作

Question

当我做下面的代码，它的工作起来，直到我调整页面的大小，背景图像星星重复，甚至认为背景重复设置为无。任何原因，你可以查看页面实时here

#mainPage{ 
    background-image: url(../images/home.JPG); 
    width: 100%; 
    height: 500px; 
    background-size: 100%; 
    background-repeat: none; 
} 

Answer 1

这no-repeat，不none：

#mainPage{ 
    background-image: url(../images/home.JPG); 
    width: 100%; 
    height: 500px; 
    background-size: 100%; 
    background-repeat: no-repeat; 
} 

无论你是否设置background-size不应该有所作为。