卡比尔的解是正确的。我的图片URL是

/images/ads/homepage/small-banners01.png, 

这就是AdBlock。这对我来说不是一个跨域的问题，它在本地主机和web上都失败了。

我使用Chrome的网络选项卡进行调试，发现这些特定图像加载失败的结果非常令人困惑。第一个请求将不返回任何响应(状态“(pending)”)。随后，出现了第二个请求，其中列出了原始URL，然后将“重定向”作为启动器。重定向请求头都是针对这一行相同的base64编码的数据，并且每个头都没有返回任何响应，尽管状态为“成功”:

GET      data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg== HTTP/1.1

后来我注意到这些内联样式被添加到所有的图像元素中:

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

最后，我没有在控制台中收到任何“加载资源失败”的消息，而是这样:

Port error: Could not establish connection. Receiving end does not exist.

如果这些事情发生在你身上，很可能与广告拦截有关。关闭它和/或重命名您的图像文件。

此外，由于AdBlock创建的内联CSS，我的促销滑块的布局被抛出。虽然我能够在找到Kabir的解决方案之前用CSS修复布局问题，但CSS有点不必要，并且影响了滑块处理多种大小图像的灵活性。

我想教训是:小心你给你的图像命名。这些图片并不是恶意的或令人讨厌的，因为它们以一种不引人注目的方式提醒访问者当前的促销和特价活动。

还有关闭网络资源缓存的选项。这可能最适合开发环境。

右键单击铬 点击" inspect element " 在顶部的某个地方寻找“网络”标签。点击它。 选中“禁用缓存”复选框。

检查网络选项卡，看看Chrome浏览器是否下载任何资源文件失败。

供你参考-我也有这个问题，原来我的html列出的。jpg文件是大写的。jpg，但文件本身是小写的。jpg。这在本地和使用Codekit时呈现良好，但当它被推到网络上时，它将无法加载。只需将文件名更改为小写的.jpg扩展名以匹配html即可。

有一个临时的工作围绕在重新启用(临时)showModalDialog支持Chrome (Windows) 37+。

基本上，在注册表中创建一个新字符串

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

在enabledeprecedwebplatformfeatures键下，创建一个字符串值，名称为1，值为ShowModalDialog_EffectiveUntil20150430。请访问chrome://policy URL来验证策略是否已启用。

在Chrome (Canary)中，我未选中“Appspector”扩展。这清除了错误。