html - 背景附件滚动与固定

Question

我有一张宽度为 2000 像素的背景图片。它按以下方式准备:内容中心 1000 像素，在更高分辨率的显示器中，左侧和右侧额外 500 像素作为边距。

我希望它以每个决议为中心。

当我尝试使用 bg {background:url(bg.jpg) no-repeat center top fixed; 图片正确居中，但它显然没有滚动。

所以我将 fixed 替换为 scroll:bg {background:url(bg.jpg) 无重复中心顶部滚动； } 但是图像不居中 - 它从左上角开始显示，因此在较小的分辨率下您可以看到左边距，这不应该是可见的。

这是关于 jsfiddle.net 的例子.尝试使用 background-attachment 值 scroll/fixed 并尝试减小结果窗口的大小，希望您能理解我的意思。

你能帮我解决这个问题吗？

Answer 1

尝试使用 background-attachment 属性，如下所示

background-attachment:scroll;