CSS CSS3全屏背景图像 - 包含和覆盖选项

Posted 2021-05-23

body{
     background-image: url(../images/bg.jpg);
     background-repeat: no-repeat;
     background-color: #000;
     background-size:contain;
}

body{
     background-image: url(../images/bg.jpg);
     background-repeat: no-repeat;
     background-color: #000;
     background-size:cover;
}

/* best choice below */

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}