背景圖像在滾動和頁面重新加載在Chrome上消失

我試圖在我的網站的主頁上的我的部分標記中設置一個背景圖像。它適用於下面的CSS，但問題是每當我向下滾動並向上滾動，或者在向後滾動一半（我設置背景圖像的部分不在視圖中）時刷新頁面，圖像就會消失（離開背景是白色的）。如果在刷新頁面時部分圖片仍處於視圖中，則只有圖像的該部分顯示圖像，其上方的所有圖像都變爲白色，並在圖像的其餘部分留下空白的空白處。背景圖像在滾動和頁面重新加載在Chrome上消失

奇怪的是，如果我嘗試使用鼠標選擇圖像或者選擇Control-A來選擇頁面上的所有內容，那麼所選圖像的部分會出現在應該顯示的位置，這意味着它在那裏但只是出於某種原因而沒有出現。

這裏是我的代碼：

HTML：

<section class="homePage"></section>

CSS：

.homePage{ 
    background: url(../images/background.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
}

這是什麼問題的原因，有什麼補救措施？

來源

2015-09-13 user3226932

小提琴演示將有助於我們理解。 – locateganesh

你檢查了這2個問題嗎？ http://stackoverflow.com/q/9275802/2827823和http://stackoverflow.com/questions/21588657/reload-backgrounds-to-fix-bug-with-chrome – LGSon

你只需要添加背景附件。

background-attachment: fixed;

來源

2015-09-13 17:19:11

背景圖像在滾動和頁面重新加載在Chrome上消失

回答

相關問題