blocks|key|4731150|text|我不知道这是不是同一个问题，但根可能是相同的：http://code.google.com/p/chromium/issues/detail?id=111218。根据那份报告，我认为还没有一个已知的修复方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4731151|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/chromium/issues/detail?id=111218^0|N|1L|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

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

blocks|key|693705|text|我也有同样的问题，并诊断了几个小时，但这不是关于你的代码，这是一个内存相关的错误在最新的chrome。在我的经验中，这不会发生在小图像上，所以一个临时的解决方案是减少文件大小(到10kB以下)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|693706|我这里有一个测试文件，显示了大背景图像和小背景图像之间的差异。|693707|http://kolina.fi/chrometest.html|offset|length|693708|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|W|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

I had the same problem and diagnosed it for hours, but it's not about your code, it's a memory related bug in latest chrome. In my experience it doesn't happen to small images, so a temporary solution would be to decrease the file size (to under 10kB or so).

I have a test file here, showing the difference between a big and a small background image.

<a href="http://kolina.fi/chrometest.html" rel="nofollow">http://kolina.fi/chrometest.html</a>

blocks|key|578782|text|我们为这个问题制定了一个解决方案，直到Chromium/Chrome“修复了故障”(嗨，Milton)……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|578783|我的同事安德鲁在这里发布了我们的解决方案：http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/|offset|length|578784|您可以在以下位置查看相关页面：http://www.mavenlink.com/tour|578785|这听起来对其他人也是有效的，但它很丑陋！|578786|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/|1|http://www.mavenlink.com/tour^0|0|L|2F|0|0|F|T|1|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]|R|$5|M|N|O|A|$P|S]]]]

We worked up a solution for this issue until Chromium/Chrome "fixes the glitch" (hi, Milton)...

My colleague, Andrew, posted our solution here:
<a href="http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/" rel="nofollow">http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/</a>

You can see the page in question at:
<a href="http://www.mavenlink.com/tour" rel="nofollow">http://www.mavenlink.com/tour</a>

It sounds like this has worked for others as well, but it's ugly!

blocks|key|578798|text|使用:url(.//图像路径。.//应该可以解决这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|578799|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Use :url(.//images path. The .// should solve the problem.

blocks|key|579199|text|我最近遇到了这个问题，修复方法是使用完整的url，而不是相对路径。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|579200|例如，更改url(images/image.png)|offset|length|style|CODE|579201|至|579202|url("http://yoursite.com/images/image.png")|579203|entityMap^0|0|5|L|0|0|0|17|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|S|8|@$D|T|E|U|F|G]]|9|@]|A|$]]|$1|L|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|M|$]]

I've recently had this issue, and the fix was to use the complete url, rather than a relative path.

E.g. change <code>url(images/image.png)</code>

to

<code>url("http://yoursite.com/images/image.png")</code>

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.

Here is the page in question:
<a href="http://dealsfortherich.com/drop/">http://dealsfortherich.com/drop/</a>

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):

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

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.

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.

CSS background image disappearing in Chrome

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

此问题仅在Mac OS X上的Google Chrome (Chrome 17)中出现。我已经在Mac和Windows7上的所有主要浏览器上进行了测试。下面是有问题的页面：如您所见，我正在通过JQuery AJAX加载div。页面在“刷新”时总是正常的。您可以使用向左和向右箭头导航页面。当您更改页面时，尤其是当您在快速...

问CSS背景图像在Chrome中消失
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS背景图像在Chrome中消失EN