网站在 Chrome 和 Opera 中显示空白,但在 IE10 中显示正常

网站在 Chrome 和 Opera 中显示空白,但在 IE10 中显示正常

本网站刚刚更换了网络主机。

在 IE10 中显示正常,但在 Chrome 和 Opera 中显示为带有损坏图像的白页。

如果我清除缓存,也会发生同样的事情。

如果我在 Chrome 中查看 index.html 的本地副本,它可以正常显示(HTML 代码与在线版本相同)。

为什么在线版本在Chrome中显示不正确,但本地版本显示正常?

答案1

对我来说,该页面在 Firefox 和 Chrome 中运行良好。您需要开始缩小问题范围。由于您已清除缓存,因此接下来可以尝试扩展。如果您有创意,可以从 PortableApps 下载便携版 Chrome,然后查看它是否在干净版本的浏览器中运行。

Google 支持还针对此类问题提供了一页建议这里如果你想看看。建议包括尝试以隐身模式浏览页面。

答案2

我不知道这是否与您的问题直接相关,但我对您如何设置页面背景有一些抱怨。

您正在为元素设置背景图像html,然后为元素设置样式body。更好的做法可能是保持元素html不变,为元素应用背景body,并在需要时在另一个容器元素上执行其余样式设置。一个潜在的危险,即使有点牵强,那就是扩展程序或浏览器决定使元素body具有纯白色背景,从而覆盖您的背景。

该图片的大小为 616 kB,负载相当大。如果出于某种原因无法加载,或者加载速度很慢,用户将无法在默认的白色背景下看到文本。我建议在背景属性中也添加颜色,作为后备。

此外,您将背景图像指定为相对 URL,../img/bg.jpg如果您的链接结构深度超过两层,这可能会带来问题。在我看来,最好将其指定为绝对地址而不是相对地址。

后两点将给出类似的推荐代码:

background: #0a0102 url(/img/bg.jpg) no-repeat center center fixed;

相关内容