Images not rendering in Chrome/Webkit
I'm building a webpage with a bunch of images that are all coming from Rackspace Cloudfiles on their Limelight CDN. Occasionally the page will finish loading, including the images, and Chrome/Webkit will fail to render some images at all.
Chrome doesn't render a "broken image" i开发者_高级运维n their place, and if I check the Resources tab in the Inspector, they are listed and the data is all loaded up. The non-rendered images show the same info as the properly rendered ones.
This usually occurs when I go forward a page and then go back (via history). It persists if I reload the page, unless I do a hard refresh (⌘⇧R in Chrome), then they all show up like normal again.
I'm not loading the images in JavaScript or anything strange like that, nor do I have any CSS that hides the images. This only happens in Chrome, and it doesn't happen in Incognito mode from what I can tell.
Any ideas what's causing this? If it's a bug, how do I go about reporting it to the Chrome team?
Update
I checked the headers in the Network tab of the Inspector and it turns out that for the images that are rendered, Chrome is only showing it's header metadata, like this:
And for the images that don't render properly, the metadata is shown along with the full request and response headers with a 304 Not Modified
status.
This is still happening. On multiple computers, on several websites. There's a thread about this happening over the Google support forums as well.
This might be a Chrome/Webkit bug: http://code.google.com/p/chromium/issues/detail?id=20960
This was a Chrome bug that has since been resolved. It is not the bug linked to by thatmarvin.
I had the same problem with thumbs images using the latest chrome. Images were rendering time to time. I changed image style:
width: 150px; height: 100%;
to
width: 150px; height: auto;
And "height: auto" has fixed bug in Chrome. Hope the founded solution will help in some cases.
精彩评论