IE上没有图像只有带白色x的黑盒子

Question

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

Answer 1

在2018年，这可能与X-Content-type：Web服务器发出的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图像。