当我设置背景大小background-repeat时无效

Question

当我执行以下代码时,它一直工作到我调整页面大小的位置,背景图像星形重复,甚至认为background-repeat设置为none.任何原因,你可以在这里查看页面

#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不应该有所作为.