Chrome背景圖像修復重繪問題

對於我目前正在處理的網站。我試圖給頁面上的背景圖像一種視差效果。基本上我有一個具有設置高度的div，並且在用戶點擊每個旋轉器項目時更新div的背景圖像。背景圖像固定在頂部中心，當頁面首次加載時，它的工作原理絕對正常。但是，如果向下滾動以便部分div不可見並且在旋轉器中切換項目，背景圖像只會在div的某個點加載，但是一旦我滾動或觸摸完全加載的檢查器中的任何元素。Chrome背景圖像修復重繪問題

這是我的標記，以防萬一我做錯了什麼，但它在Firefox和IE7/8/9中正常工作，但不是Chrome。任何幫助將非常感激。

.home .rotator 
{ 
    height:450px; 
    background: fixed center top no-repeat; 
    background-size: 100% auto; 
    position: relative; 
    margin-bottom: 20px; 
} 

$(".home .rotator").css("background-image", "url('" + bgImg + "')");

如果您需要任何進一步的信息，請讓我知道。

來源

2012-10-29 johnw86

設置一個顯示問題的jsfiddle。 – Shmiddty

是的，現在這樣做 – johnw86

終於解決了問題，而不是背景：固定中心頂部不重複;刪除了固定並使用background-attachment：fixed; – johnw86

最終解決問題，而不是背景：fixed center top no-repeat;刪除了固定並使用background-attachment：fixed;

來源

2016-01-12 15:45:05 johnw86

Chrome背景圖像修復重繪問題

回答

相關問題