当存在滚动条时，背景固定不居中

Question

我的容器背景有问题。 当有滚动条时，我的内容和背景之间存在差距。没有滚动条时没有任何问题。

capture

我认为那是因为我的背景以整个窗口为中心（滚动栏包含），而我的内容以边距为中心：0 auto; （不包括滚动条）。

这是我的css代码......

#container{
    background-image:url('../img/container.png');
    background-attachment:fixed;
    background-position:top center;
    background-repeat:no-repeat;
    margin:0 auto;
    width:900px;
    padding:0 37px;
    padding-bottom:25px;
    }

我已经尝试添加15px左边的填充，它可以工作，但是当没有滚动条时，它就不再居中了！ 当我的背景没有修复时，它也有效但我需要保持固定...

你有解决方案来解决这个问题吗？

Answer 1

嗯。你能否在HTML / CSS中创建背景框？这将确保定位一致。

Answer 2

这是错误的

background-position:top center;

  

第一个值是水平位置，第二个值是垂直位置。

CSS background-position Property

使用

更正代码

background-position:center top;