javascript - 如果 IE10 或 IE11 显示不同的图像

Question

我需要这样的东西:

<img src="image.svg" />

<!--[if IE ]><img src="image.png" /><![endif]-->

由于条件注释在 IE10 和 IE11 中不再起作用，因此我无法完成此操作。可用于针对新的 Internet Explorer 的 Javascript 似乎复杂且不可靠。但也许我错了，有一些简单的解决方案。

谢谢你的帮助

Answer 1

我认为没有任何脚本将很难做到。 @eisbehr 给出的答案会很有效。但是如果你不想使用任何其他插件，除了 jQuery，你可以检查 documentMode并向正文添加一些信息。然后让 css 决定显示或不显示什么。

注意:它在 Edge 中不起作用。该代码是专门为 IE10 和 IE11 编写的，因为这是 OP 要求的。但它可以针对不同的版本进行调整。但后来我会改用@eisbehr 的回答。

$(function() {
    if( document["documentMode"] ) { // If Internet Explorer 10, 11
        var cssClass = "ie" + document["documentMode"];
        $('body').addClass(cssClass);
    }
});

.ie-dependant {
  display:none;
}

body.ie11 .ie-dependant.ie11 {
  display: block;
}

body.ie10 .ie-dependant.ie10 {
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ie-dependant ie10">
  This is ie 10.
</div>

<div class="ie-dependant ie11">
  This is ie 11.
</div>

或者，您可以在服务器端检测到这一点，并让服务器返回不同的样式表。