當滾動條出現時，背景固定不居中

Question

我的容器背景有問題。 當有滾動條時，我的內容和我的背景之間存在差距。沒有滾動條時沒有任何問題。

capture

我想這是因爲我的背景爲中心的整個窗口（包括滾動條）和我的內容是由保證金爲中心：0汽車; （不包括滾動條）。

這裏是我的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;