当我执行以下代码时,它一直工作到我调整页面大小的位置,背景图像星形重复,甚至认为background-repeat设置为none。出于这个原因,您可以实时查看页面here
#mainPage{
background-image: url(../images/home.JPG);
width: 100%;
height: 500px;
background-size: 100%;
background-repeat: none;
}
答案 0 :(得分:5)
它是no-repeat
,而不是none
:
#mainPage{
background-image: url(../images/home.JPG);
width: 100%;
height: 500px;
background-size: 100%;
background-repeat: no-repeat;
}
您是否设置background-size
不应该有所作为。