完全向下滚动时固定背景图像

Question

我有这个页面：

它有一个背景图像，可以向下滚动：

不幸的是，一旦整个图像滚动通过它要么重复要么启用no-repeat时，就会被切断而根本没有图像：

完全向下滚动时如何固定背景图像？

编辑：

我对自己想要什么还不够清楚。 我希望此设置从scroll更改为fixed和返回，具体取决于图像是否完全滚动：

/*as long as image can be scrolled and does not reach its end/repeats*/
body {background-attachment: "scroll";}

<->

/*if end of image reached/repeats*/
body {background-attachment: "fixed";}

Answer 1

您应该遵循 CSS 相同

background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

要么

background-size: 100% 100%;