CSS全屏背景图片设置教程 - 使用固定定位和object-fit属性

.fullscreen-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fullscreen-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

本教程使用一个包含图片的div，并将其设置为固定定位，宽高为100%，并隐藏了其溢出部分。然后，将图像的宽度和高度设置为100%，并使用object-fit属性以覆盖整个div。这样就可以将背景图片设置为全屏了。