Question

这可以仅使用HTML5和CSS3完成，还是需要使用JavaScript / jQuery？

Answer 1

您可以添加css属性：background-repeat：repeat-y;

以下是一个例子：

body {
  background-image:url('https://mdn.mozillademos.org/files/12005/starsolid.gif');
  background-repeat: repeat-y;
  background-position: top;
}

h1, p {
  color: white;
}

<body>
  <h1>H1 heading</h1>
  <p>This is the content</p>
</body>

我如何重复垂直滚动背景图像？

1 个答案: