IE 10 图像未显示答案

【问题标题】：IE 10 images not showing upIE 10 图像未显示
【发布时间】：2020-01-22 20:34:53
【问题描述】：

我目前正在尝试修复 IE10 在查看我的网站时导致的大量问题。 here 目前困扰我的问题是我的所有图像都没有显示出来。希望在这里得到一些帮助。如果有人知道有一个修复 IE 问题列表的站点，那也将不胜感激。

以我正在使用的滑块之一为例，我只有简单的 img 调用

<ul class="rslides" id="slider1">
    <li><img id="imgMetrics"  src="jScroller/jScrollerImages/OutlawsOfHealthBanner.png" alt="Outlaws of health guys jumping" ></li>
    <li><img id="imgMetrics"  src="jScroller/jScrollerImages/tugOfWar.png" alt="Tug of war"></li>
    <li><img id="imgMetrics"  src="jScroller/jScrollerImages/welcome.png" alt="Welcome to the family image" ></li>
</ul>

没什么特别的，但是 IE10 只是把它嚼碎了，什么也没吐出来。

编辑:: 我的一位开发人员朋友，给了我一些好主意，看起来这是一个 jQuery 问题（把模块拿走，它可以工作）所以现在解决它。感谢大家。编辑 x2:: 好的，所以我已经将问题缩小到我的 Flash 播放器，在我的代码中删除该调用并且它可以工作......所以现在它只是从那里找出它在哪里被破坏了。如果有人碰巧看到了什么，我将不胜感激。 EDIT x3:: 修复它，最终与一些不必要的 js 发生冲突。

【问题讨论】：

它可以与 /jScroller/jScrollerImages/tugOfWar.png 一起使用吗？
这不是你的IE显示问题，但你不应该有多个标签具有相同的id属性。
IE10 通常遵循以前版本没有的规则和标准，因此很有可能您的页面中有一些无效的内容，以前的 IE 版本错误地允许，而不是 IE10 有问题.我建议通过validation service 运行您的 HTML 以解决任何问题，如果这不起作用，请开始剥离您的脚本、样式，并最终剥离您的其他 HTML，直到您看到您的图像。

标签： html image internet-explorer-10

【解决方案1】：

如果某些内容在 IE10 中不起作用但在其他浏览器中起作用，我会将其添加到 head 部分。

 <meta http-equiv="X-UA-Compatible" content="IE=9"/>

在其他浏览器中也可以使用吗？

【讨论】：

【解决方案2】：

我也遇到过图像在 Chrome 和 Firefox 中工作而在 Internet Explorer 中不工作的相同问题。

问题出在图像而不是代码上。我下载了一个 .jpg 并保存为 .png。

一旦我以 .jpg 格式再次下载（并且没有尝试更改为 .png）并在 img src 中从 .png 更改为 .jpg，然后在所有三个浏览器中一切正常。

【讨论】：