当你移动页面时移动背景图片

当你上下滚动页面时，有没有办法让背景图片移动，只要我上下滚动背景图片保持静止，但我希望它随着页面，这可能吗？当你移动页面时移动背景图片

来源

2013-07-15 William L.

默认情况下，背景图片*应该*随页面滚动。你为什么不展示一个最小的代码示例来演示你的问题？ – paddy

我不明白两件事：1.图像保持不变？ 2.移动页面？ –

background-attachment？

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

来源

2013-07-15 00:17:31 Stobor

附着只需设置为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作为属性，缩放背景图像以填充整个背景，从而在使用大于屏幕的图像时摆脱滚动条。

来源

2013-07-15 00:24:27 cubrr

当你移动页面时移动背景图片

回答

相关问题