尽管资源正在传送到浏览器，但 Chrome 不显示图像
我只遇到 Chrome 的问题（据我所知）。在这个网站上：www.elliott-web.com 主页在加载时显示随机图像。几次重新加载后，我没有显示任何图像，但在检查 http 请求时，我看到图像就在那里。同样，在作品集页面上，如果您在图像中向前和向后单击，最终图像将不再显示。再次，看起来图像在那里，但没有显示。认为也许它必须与 Chrome 的缓存有关？我不认为这是 webkit，因为我在 Safari 中没有遇到这个问题。
其他人以前见过这个吗？
I am having an issue only with Chrome (so far that I can tell). On this website: www.elliott-web.com the homepage displays a random image on load. After several reloads I get no image showing up, but when checking the http requests I see the image is there. Similarly, on the portfolio page if you click forward and backward through the images, eventually an image will no longer show up. Again, looks like the image is there but it's not being displayed. Thought maybe it has to do w/ Chrome's caching? I don't think it's webkit because I'm not having this problem in Safari.
Anyone else seen this before?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
我也遇到了完全相同的问题，在 Safari (Mac) 中也是如此。在 Firefox 中，显示图像并且不添加内联 CSS。
我注意到，当我关闭 Safari 中的所有扩展后，问题就解决了。
在 Chrome 和 Safari 中我安装了 AdBlockPlus - 禁用它解决了问题。
ABP 将图像视为广告（无论出于何种原因）。
如果您希望保持 ABP 运行，您可以将该站点添加到其白名单中。
I too was having the exact same issue, it also does this in Safari (Mac). In Firefox the images display and the inline CSS is not added.
What I noticed was when I turned off all extensions in Safari that the problem resolved.
In both Chrome and Safari I had AdBlockPlus installed - disabling this resolved the problem.
ABP was treating the images as ads (for whatever reason).
If you wish to keep ABP running, you can add the site to it's whitelist.
Windows 7 上的 Chrome 不显示动态图像。
如果我“查看源代码”，图像就在那里。
如果我检查 Chrome 中的 HTML，看起来 Chrome 正在添加 CSS 来隐藏图像：
图像显示在 Firefox 和 Mac 上的 Chrome 中。
Chrome on Windows 7 is not displaying dynamic images.
If I "View Source" the image is there.
If I inspect the HTML in Chrome, it looks like Chrome is adding CSS to hide the image:
The images are displayed in Firefox and also in Chrome on Mac.
值得一提的是，我刚刚在 Ubuntu 上的 FF 和 Chrome、Win 7 上的 Chrome 以及所有这些浏览器上的广告块插件上遇到了同样的问题。结果像 advert-bag.png 这样的图像将被阻止，类为“advertLink”的 A 标签也会被阻止。有趣（或不有趣）的是，所有这些都与客户网站上的内部内容有关。内部营销类型的东西，例如某些商品的特价链接。没有第三方服务在这里发挥任何作用。这个故事的寓意是注意你如何命名事物。在对以这种方式消失的事物进行重命名后，问题就消失了。
For what it's worth I just came across the same issue on FF and Chrome on Ubuntu, Chrome on Win 7 , ad block plugin on all those browsers. Turns out image like advert-bag.png will get blocked, so would an A tag with class 'advertLink'. The funny (or not) thing is all this is related to an internal stuff on client's site. Internal marketing type of stuff like a link to a special on some item. No third party services playing any role here. Moral of the story being watch how you name things. After renaming of things that disappear in this fashion, problem went away.
我也遇到了同样的问题，当我关闭所有广告拦截器和此类扩展程序时，它工作得很好，然后当我想让它适用于所有在浏览器上安装了广告拦截器的人时，我重新命名了这些照片，以免含有任何类似广告的词语，例如> “header.jpg”而不是“advertise-header.jpg”。因此删除这些词很重要，以免被广告拦截器识别。
i have had the same problem , and it worked very well when i turned off all the adBlockers and such extensions , then when i wanted to make it work for all those who have adBlockers installed on their browsers , i had renamed these photos so as not to have any advertisement-like words , for example > "header.jpg" instead of "advertise-header.jpg" . so it is important to delete such words so as not to be recognized by the adBlockers.