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);