Chrome：刷新頁面後未顯示背景圖像+ javascript重定向

Question

我正在通過ajax加載頁面的網站上工作。我使用＃！/ url語法跟蹤當前位置。如果，當頁面firsty加載該頁面已在該網址的哈希部分的URL，我重定向到該頁面使用javascript：

document.location = initialPage; 

我的內容是由一羣與位置的div的：絕對以正確的順序堆疊顯示。我的身體背景是一組使用jQuery幻燈片定期切換的圖像。 這適用於所有的瀏覽器，除了Chrome中的問題（以及這裏的問題），我有時會丟失內容div的背景圖片。重現最可靠的方法是：

• 轉到頁：如http://epsilon.tabeoka.be/fr/gestiondeprojet
• 點擊一個鏈接到另一個頁面，如「Offres D'emplois」，網址現在變成http://epsilon.tabeoka.be/fr/gestiondeprojet#!/fr/offresdemplois
• 現在刷新用Ctrl -F5
• 賓果！

請注意，如果您現在再次使用Ctrl-F5進行刷新，頁面會再次顯示爲正常。在這兩種情況下，都不會在頁面加載時運行重要的JavaScript。背景滾動被初始化，但問題存在於沒有背景的頁面上（項目頁面）。 我傾向於這是在Chrome中的錯誤，但我需要這個工作。任何人都可以提出建議

Menno

Answer 1

嘗試在CSS上爲背景使用絕對路徑。也許它可以幫助確定問題。你

也可以嘗試網頁加載

$(document).ready{ 
    $("#content").css("background","url(../Images/Css/bg_content.png)"); 
} 

後背景適用於塊也或許，這將是有用的。當我要求示例頁面，如http://epsilon.tabeoka.be/fr/contacts。瀏覽器做了41-42請求並上傳所有圖像。當我按你的方式（按Ctrl-F5） - 瀏覽器只做31-33請求。他不上傳圖片的背景。看起來他認爲他們已經上傳了。

因此，當我禁用鉻上的緩存 - 錯誤消失。

也許你應該嘗試添加所有背景屬性到您的網頁，而不是CSS，並添加到它的隨機值是這樣的：

<style> 
    #content { 
    background:url(../Images/Css/bg_content.png?rnd=123124); 
    } 
</style> 

Answer 2

如果它是一個真正的Chrome有錯誤，（見你的問題我的評論），你可以嘗試用rgba背景色替換你的背景圖像。這是更好的，你可以添加舊的瀏覽器的回退。

background-color: rgb(16,34,68); 
background-color: rgba(16,34,68,.75);