Chrome无法在正文上显示背景图片或颜色

时间:2012-05-18 08:22:27

标签: css google-chrome background-image background-color

几天前查看my website时,一切都还可以,但今天早上在Chrome浏览器中查看它时,应用于身体的背景图像和颜色刚刚完全消失。 Safari也看起来非常糟糕,背景颜色可见,身体上的背景图像仅在其他背景图像后面可见!

我尝试过的事情......

  • 调整背景图片的大小以使其更小
  • 删除图像并只有背景颜色
  • 以隐身模式查看网站

结果绝对没有区别。我已经清除缓存并尝试禁用缓存但无济于事。此外,该文件肯定存在。我不仅可以在Chrome开发者工具的“网络”标签中看到它们的下载,您还可以在此处查看:http://charanj.it/assets/images/website-bg.jpg

您还可以看到我尝试的较小版本http://charanj.it/assets/images/website-bg-small.jpg

奇怪的是,在Safari中调整浏览器窗口的大小会带来背景图像。另一个奇怪的是,我使用几乎完全相同的背景技术构建的另一个网站显示图像很好,请参阅http://nikeplusphp.org

CSS已经使用LESSPHP生成了,但我确信这不是问题,因为它之前工作正常,几个月内没有对CSS进行任何更改。

我有Chrome v19.0.1084.46 m和Safari 5.1.2,Windows 7但问题也出现在我的MacBook和Chrome 19上。

更多信息:问题也发生在本地运行的网站副本中。

3 个答案:

答案 0 :(得分:4)

虽然它似乎是一个浏览器问题,但罪魁祸首是样式表顶部的以下CSS行:

* {
    -webkit-backface-visibility: hidden;
}

我试过把它移到别处,但我仍然遇到同样的问题。应用于单个元素似乎有效,但由于我不再使用网站上的任何3D过渡,因此不需要它并删除它已解决了问题。

答案 1 :(得分:0)

我检查了你的网站,并且背景有效,尝试清除所有导航数据( ctrl + shift + delete 选择所有检查 - 盒子和任何时间)。

答案 2 :(得分:0)

在我的chrome(20.0.1132.11 dev-m)中,一切正常。

问题可能出在扩展程序(尝试禁用所有程序)或最多的程序(尝试重新安装)

在SO上

更新: Same bug并根据该问题的答案,此错误已知且尚未修复