javascript - IE 上没有图像，只有带有白色 x 的黑框

Question

我在此页面上加载了多个 flex 滑块：http: //pamelahnelson.com/category/public-art/ 通常，如果您单击白色的“x”，它们会显示，但我让它触发一个事件以滑动打开详细信息视图. 无论如何，我认为是浏览器中的安全设置或类似设置阻止了它们，但我真正想知道的是为什么会触发它？当然，如果有办法让 IE 不这样做。我之前使用过多个 flex 滑块没有这个问题。

Answer 1

在 2018 年，这可能与 Web 服务器发出的 X-Content-type: nosniff 标头有关。这告诉浏览器注意来自服务器的图像数据响应中的 mime 类型（内容类型标头）。如果它不是 image/* 则 IE11 将确定它是狡猾的并显示带有白十字的黑框。使用 Fiddler 或类似工具观察来自服务器的标头以进行确认。

Answer 2

看来 IE 正在中止图像加载：

这可能是因为脚本试图在元素完全加载之前对其进行修改。

您的站点中发生了很多js事情，因此请查看将图像文件写入 DOM 的脚本。

控制台中还有几个错误：

event.returnValue is deprecated. Please use the standard event.preventDefault() instead. jquery.js?ver=1.10.2:4

cannot call methods on isotope prior to initialization; attempted to call method 'reLayout'

我将从修复控制台错误开始，因为这些错误会导致 IE 相当烧心。

Answer 3

这是一个较旧的帖子，但我刚刚遇到了这个问题，并且通过重新保存我的图像以确保编码是 RGB 而不是 CMYK 来修复它。IE8-IE10 不显示 CMYK 图像。