當我設置背景大小背景重複沒有不工作

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不應該有所作爲。