此问题仅发生在Mac OS X(Chrome 17)上的Google Chrome中.我已在Mac和Windows 7上的所有主流浏览器上测试过它.
这是有问题的页面:http: //dealsfortherich.com/drop/
如您所见,我正在通过JQuery AJAX加载div."刷新"页面总是很好.
您可以使用左箭头和右箭头导航页面.更改页面时会出现问题; 特别是在快速滚动页面时更改页面.尝试非常快速地向下滚动页面并按向右箭头.已经通过CSS加载的背景图像(例如):
.sort_block{ background: url(images/sort_block.png) no-repeat;}
Run Code Online (Sandbox Code Playgroud)
开始消失.只有加载了CSS的背景图像才会消失.一切都很好.如果您在Chrome上打开开发人员工具检查元素,您将看到浏览器具有正确的语法,并且已将图像下载到其缓存中.出于某种原因,它只是无法显示它.CSS显示值是正确的.在Inspector中,对于缺少背景的div,如果修改了诸如"top:8px;"之类的值,到"顶部:9px;" 图像突然出现.
这仅适用于Mac OS X(10.7.3)的Chrome(第17版)和Chrome Canary(第19版).我应该向Google报告此错误,还是有已知的工作或修复?我想我可以用s替换s,但我宁愿正确地做,并解决这个奇怪的问题.