配置手机 PC 页面白天黑夜共四个背景图

直接动工方法一

sakura跟sakurairo 都可以使用

我们首先创建一个css文件例如: css.css

复制下面css代码进去文件，修改文件中的图片改为自己的图片例如: url(../img/beijing.jpeg); 改为 url(您的图片网址);

/*背景*/
figure#centerbg {
  background: url(../img/beijing.jpeg);
}
@media screen and (max-width:860px) {
figure#centerbg {
background: url(../img/shouji.jpeg);
}
}
#centerbg {
  background: url(../img/ybeijing.jpeg);
}
@media screen and (max-width:860px) {
#centerbg {
background: url(../img/yshouji.jpeg);
}
}
figure#centerbg,#centerbg{
           background-attachment: local;
           background-position: center;
           -webkit-background-size: cover;
           -moz-background-size: cover;
           background-size: cover;
           background-repeat: no-repeat;
}