html - 移动页面时使背景图像移动

Question

有没有办法让背景图像在您上下滚动页面时移动，每当我上下滚动时背景图像保持静止但我希望它与页面一起移动，这可能吗？

Answer 1

只需将附件设置为fixed.

background-attachment:fixed;

如果你有一个大图像，你可以使用background-size. 例如：

html {
  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做它告诉你的。使用cover作为属性，背景图像被缩放以填充整个背景，从而在使用大于屏幕的图像时摆脱滚动条。

Answer 2

背景附件？

Mozilla 文档：https ://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment