html - 如何在一个 HTML 索引文件中获取多个背景图像？

Question

如何仅使用 HTML 和 CSS 仅使用一个索引文件和一个 CSS 文件来获取多个背景图像。我想让第二个背景成为背景视频，第三个背景成为另一个图像。这就是我的 css html 元素的样子:

html {
  width: 100%;
  height: 100%;
  overflow: scroll;
  margin:0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-family: 'Open Sans Condensed', "sans-serif";
  font-size: 120%;
  background-image: url(pictures/main-photo.jpg);
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: darkslategrey;
  min-width: 1435px;
}

Answer 1

您可以使用多个带有background-position 的background-image 属性来设置您想要图像的位置。您还需要 background-repeat: no-repeat;