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

background-attachment？

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

移动页面时移动背景图像

2 个答案: