Chrome：刷新頁面+ javascript重定向后未呈現背景圖片

Question

我正在一個通過ajax加載頁面的網站。 我使用＃！/ url語法跟蹤當前位置。 如果在頁面首次加載時該頁面在URL的哈希部分中已經有一個URL，則可以使用javascript重定向到該頁面：

document.location = initialPage;

我的內容由一堆具有position：absolute的div組成，這些div以正確的順序堆疊以進行顯示。 我的身體背景是一組使用jQuery幻燈片定期切換的圖像。 這適用於所有瀏覽器，但（在Chrome中除外）（這是問題所在）有時我會丟失內容div的背景圖片。 最可靠的復制方式是：

• 轉到頁面：例如http://epsilon.tabeoka.be/fr/gestiondeprojet
• 單擊鏈接到另一個頁面，例如“ Offres d'emplois”，URL現在變為http://epsilon.tabeoka.be/fr/gestiondeprojet#!/fr/offresdemplois
• 現在使用Ctrl-F5刷新
• 答對了！

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

門諾

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個請求。 他不上傳圖像作為背景。 看起來他認為他們已經上傳了。

因此，當我在Chrome上禁用緩存時，錯誤消失了。

也許您應該嘗試將所有背景屬性（而不是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);