CSS背景图像在Chrome中消失
此问题仅在Mac OS X上的Google Chrome (Chrome 17)中出现。我已经在Mac和Windows7上的所有主要浏览器上进行了测试。
下面是有问题的页面：http://dealsfortherich.com/drop/
如您所见，我正在通过JQuery AJAX加载div。页面在“刷新”时总是正常的。
您可以使用向左和向右箭头导航页面。当您更改页面时，尤其是当您在快速滚动页面时更改页面时，就会出现问题。尝试非常快速地向下滚动页面，然后点击向右箭头。已经通过CSS加载的背景图像(例如)：
.sort_block{ background: url(images/sort_block.png) no-repeat;}开始消失。只有加载了CSS的背景图像才会开始消失。一切都很好。如果您在Chrome上打开开发人员工具检查元素，您将看到浏览器具有正确的语法，并且它已经将图像下载到其缓存中。由于某些原因，它只是无法显示它。CSS显示值正确。在Inspector中，对于缺少背景的div，如果将诸如"top: 8px;“之类的值修改为"top: 9px;”，图像会突然出现。
这只发生在Mac OS X (10.7.3)的Chrome (v.17)和Chrome Canary (v.19)中。我应该向Google报告这个错误吗?或者是否有已知的解决方法或修复方法？我想我可以用s替换s，但我更愿意这样做，并修复这个奇怪的问题。
回答 5
Stack Overflow用户
发布于 2012-02-14 19:30:46
我不知道这是不是同一个问题，但根可能是相同的：http://code.google.com/p/chromium/issues/detail?id=111218。根据那份报告，我认为还没有一个已知的修复方法。
Stack Overflow用户
发布于 2012-02-16 19:42:36
我也有同样的问题，并诊断了几个小时，但这不是关于你的代码，这是一个内存相关的错误在最新的chrome。在我的经验中，这不会发生在小图像上，所以一个临时的解决方案是减少文件大小(到10kB以下)。
我这里有一个测试文件，显示了大背景图像和小背景图像之间的差异。
http://kolina.fi/chrometest.html
Stack Overflow用户
发布于 2012-02-18 00:53:06
我们为这个问题制定了一个解决方案，直到Chromium/Chrome“修复了故障”(嗨，Milton)……
我的同事安德鲁在这里发布了我们的解决方案：http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/
您可以在以下位置查看相关页面：http://www.mavenlink.com/tour
这听起来对其他人也是有效的，但它很丑陋！
https://stackoverflow.com/questions/9275802
复制相似问题
腾讯云开发者
