身體背景問題

我的網站是http://filmblurb.org。正如你所看到的，我用min-height標籤做了一個CSS技巧，當窗口縮小時，可以使頁面容器無限地垂直滾動。問題在於，當您第一次加載站點時，背景中的灰色（來自body標記）與頁面容器中的白色背景重疊。任何人都知道爲什麼它會這樣做，以及我如何去解決它，讓灰色總是留在背景中？我試圖解決這個問題，但我無法弄清楚問題所在。身體背景問題

感謝您提前給予的幫助。我很感激。

來源

2012-05-26 jtarr523

我沒有看到你的問題，但我認爲這會工作：

html { 
height: 100%; 
width: 100%; 
min-height: 100%; 
background-color: gray; 
background-attachment: fixed; /* may be overkill */ 
}

來源

2012-05-26 00:22:08 Connor

謝謝你的迴應。當我使用該代碼時，它使我的'html'標記在Chrome中查看代碼時顯示不正確。這是爲什麼？當我檢查它時，'html'標籤不會一直延伸到窗口的底部邊緣。但無論如何，我認爲延遲我的小重疊問題可能與頁面速度有關，因爲當我關閉廣告時它不會這樣做。 – jtarr523

@ jtarr523那麼這是有道理的，爲什麼我沒有看到你的問題......我使用的是廣告屏蔽擴展。不過，我會再次看看你的代碼。 – Connor

線59在你的style.css，變化

html, body { 
    min-height: 100%; 
    }

到

html, body { 
    height: 100%; 
    }

來源

2012-05-26 02:54:03 MNilson

謝謝你的迴應。但是當我這樣做時，當在Chrome中查看代碼時（當您檢查元素時），我的'html'和'body'標記不會一直延伸到底部。有什麼理由呢？ – jtarr523

嘗試添加一個！重要的標籤到元素..很奇怪，這是行不通的，因爲它應該。 html，body {height：100％！important; } 它確實延伸到底部，當我嘗試它，是的，它在鉻檢查元素，但也在Firefox的Firebug ..你有沒有替換現有的代碼在你的CSS？試着在你的style.css的底部作出新的元素（只是將代碼粘貼我給你在此評論） – MNilson

我把CSS的屏幕截圖時，它工作在Chrome中檢查元素 HTTP：/ /i48.tinypic.com/vrrkpe.png 和 http://i45.tinypic.com/b7gf0m.png – MNilson

身體背景問題

回答

相關問題