CSS：保持背景滾動

我有一個問題。我的CSS體的背景是這樣的：CSS：保持背景滾動

background: url(../doubletwo.jpg) top center repeat-x #000; 
background-attachment: fixed;

doubletwo.jpg爲8像素×580（長）現在即時通訊開始增加更多的內容，我的網站，以及580（長）結束後，它會顯示顏色＃000。

我想保持背景STUCK，不應該滾動網站，所以高度的像素結束，它顯示＃000 ..我怎麼能解決這個問題？正如你所看到的，我嘗試過background-attachment：fixed;但我不知道它的權利，但它似乎沒有，因爲它不工作..

2010-08-12 Karem

'fixed' should work。也許你還有其他一些CSS與它衝突嗎？ – qmega 2010-08-17 06:42:33

我假設你有body css選擇器的背景。您需要設置overflow滾動。

body 
{ 
    background: url(../doubletwo.jpg) top center repeat-x #000; 
    overflow:scroll; 
}

這將停止生長超出屏幕的身體，然後您的內容將在身體內滾動。

2010-08-12 16:18:43

這沒有解決問題，它只是在我的瀏覽器中添加了一個寬度滾動條，這有點醜陋.. – Karem 2010-08-12 16:21:51

If你使用'overflow：auto'代替它只會在需要的時候顯示滾動條，不過你根本不需要改變'body'上的溢出。 – qmega 2010-08-17 06:38:39

「我有同樣的問題，很是煩人。問題對我來說是我無法改變的HTML，只有CSS，所以我couldn'y刪除其他的div。

我看到的問題是背景具有「寬度：100％」，而容器具有「寬度：900px」。因此，例如，如果瀏覽器窗口寬度爲800px，背景設置爲800px，當你水平滾動窗口，你會得到沒有背景的區域。

解決這個問題的另一種方法是移動在背景中使用「寬度：100％」，並將其替換爲「最小寬度：900px」，從而迫使背景總是至少與容器的寬度相同。當窗口大小變得小於900px時，背景始終與容器保持一致。「

2012-09-04 14:44:07 Ruslan

回答