【发布时间】：2020-11-09 22:26:37
【问题描述】：
我使用 JS 创建一个Image()，然后将 src 设置为来自远程位置（Amazon S3）的 PNG。加载图像后，我使用 appendChild() 将其附加到 DOM。
这在大多数浏览器中都可以正常工作，但在 IE11 中首先没有显示任何内容。
如果我打开开发工具，则图像元素在 DOM 中，但在实际显示中不可见。只要我在开发工具中关闭和打开样式（任何样式），它就会出现。
如果我调整页面大小（我没有在任何地方监听调整大小）或在构建的其他地方选择一些文本，它也会出现。如果我点击并拖动它应该显示的区域，我会得到图像的幻影预览并可以拖动它，但一旦我放下它，它就会再次消失。
最奇怪的是，如果我滚动页面以使图像应该的部分区域移出屏幕，那么当我向后滚动时，图像的该部分可见，但其余部分仍然不可见渲染，就好像它被掩盖了一样。
我过去曾加载过同样的 PNG，但从未遇到过这个问题，而且我看不出这次我做了什么不同的事情。
有什么想法吗？还是我需要再给我的老板写一封电子邮件，询问为什么我们仍然支持那个破旧的 POS。
【问题讨论】：
-
能否请您提供a minimal sample to reproduce问题以便我们进行测试？您可以使用相同的方式正确加载其他图像，还是可以使用相同的功能从本地加载图像？另外，你也可以尝试在将图片追加到DOM后添加
display: block样式，看看是否能解决问题。
标签： javascript png internet-explorer-11 ie11-developer-tools