Chrome:背景-刷新页面+ javascript重定向后未呈现的图像

Question

我正在开发一个通过ajax加载页面的网站。我使用#!/url语法跟踪当前位置。如果当页面被严格加载时，该页面在url的散列部分中已经有一个url，那么我将使用javascript重定向到该页面：

document.location = initialPage;

我的内容由一堆带有位置的div组成:绝对的，按正确的顺序排列以显示。我的身体背景是一组图像，定期切换使用jQuery幻灯片。这在所有浏览器上都能使用，除了Chrome (这是个问题)，我有时会丢失我的内容div的背景图像。最可靠的复制方式是：

• 转到一页(如http://epsilon.tabeoka.be/fr/gestiondeprojet )
• 单击另一个页面的链接(如"Offres d‘用人单位“)，url现在变成http://epsilon.tabeoka.be/fr/gestiondeprojet#!/fr/offresdemplois
• 现在使用Ctrl-F5刷新
• 对啰!

注意，如果您现在再次使用Ctrl-F5刷新，页面将再次看起来很好。在这两种情况下，都没有在页面加载上运行的重要javascript。背景滚动被初始化，但是问题也存在于没有背景的页面上(项目页面)。我倾向于这是Chrome的一个bug，但我需要这个工作。有人能提点建议吗？

门诺

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