css - 当我设置背景大小时 background-repeat none 不起作用

Question

当我执行以下代码时，它会一直工作到我调整页面大小时，背景图像开始重复，即使 background-repeat 设置为无。任何原因，您可以查看页面直播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 应该没有什么区别。