CSS背景图片在Chrome消失 [英] CSS background image disappearing in Chrome

问题描述

此问题只发生在谷歌浏览器在Mac OS X（铬17）。我测试过它在Mac和Windows 7的所有主流浏览器。

This problem is only happening in Google Chrome on Mac OS X (Chrome 17). I've tested it on all the major browsers on Mac and Windows 7.

下面是有问题的页面：
http://dealsfortherich.com/drop/

Here is the page in question: http://dealsfortherich.com/drop/

正如你所看到的，我通过jQuery AJAX加载div的。
该网页是永嘉刷新。结果
您可以导航与左，右箭头页面。当您更改页面发生的问题;尤其是在快速滚动页面时您更改网页。尝试滚动翻页速度非常快，打右箭头。
那些已经通过CSS加载（例如）的背景图像：

As you can see, I'm loading divs via JQuery AJAX. The page is always fine on "Refresh."
You can navigate pages with the left and right arrows. The problem happens when you change pages; especially when you change pages when scrolling the page quickly. Try scrolling the page down very fast and hit the right arrow. The background images that were already loaded via CSS (for example):

.sort_block{ background: url(images/sort_block.png) no-repeat;}

开始消失。只有那些装有CSS开始消失的背景图像。个个都是精品。如果在Chrome中打开开发者工具检查元素，你会看到浏览器的语法正确，它已经下载图片到它的高速缓存。出于某种原因，它只是不能显示它。 CSS的显示值是正确的。在检查，对于缺失的背景股利，如果修改的值，如顶：8像素;为top：9px;图像突然出现。

start to disappear. Only background images that are loaded with CSS start disappearing. All are fine. If you open Developer Tools on Chrome inspect the elements, you will see that the browser has the correct syntax and it has already downloaded the image into its cache. For some reason, it's just failing to display it. The CSS display value is correct. In the Inspector, for the div with the missing background, if you modify a value such as "top: 8px;" to "top: 9px;" the image suddenly appears.

这是仅适用于Chrome发生的事情（17节）和Chrome金丝雀（19节），适用于Mac OS X（10.7.3）。
我应该报告这个错误给谷歌还是有一个已知的解决或修复？我想我可以替换为s在S，但我宁愿做是正确的，并解决这个奇怪的问题。

This is only happening in Chrome (v. 17) and Chrome Canary (v. 19) for Mac OS X (10.7.3). Should I report this bug to Google or is there a known work around or fix? I guess I can replace the s with s but I would rather do it correctly and fix this weird issue.

推荐答案

我不知道这是同一个问题，但根本大概是一样的：<一href=\"http://$c$c.google.com/p/chromium/issues/detail?id=111218\">http://$c$c.google.com/p/chromium/issues/detail?id=111218.根据该报告，我不认为有一个已知的修正呢。

I don't know if this is the same issue, but the root is probably the same: http://code.google.com/p/chromium/issues/detail?id=111218. Based on that report, I don't think there's a known fix yet.

这篇关于CSS背景图片在Chrome消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！