仅在 IE 中显示 div答案

【问题标题】：Display div only in IE仅在 IE 中显示 div
【发布时间】：2014-03-31 18:18:36
【问题描述】：

我现在正在制作一个网站，由于某种原因，透视覆盖的 z-index 在 Internet Explorer 中不起作用（它在其他所有东西中都起作用），因此我想显示一条警告消息，表明该网站不支持 Internet Explorer，我怎样才能使带有“警告”类的 div 只显示在 Internet Explorer 中？

我很高兴通过任何方法（HTML、CSS、Jquery 等）来解决这个问题，只要它能解决 z-index 问题或显示警告 div。

更新：我有一个朋友测试我的网站，条件 cmets 在 IE11 中不起作用，我希望 div 在所有版本的 IE 中都显示。

【问题讨论】：

标签： javascript jquery html css internet-explorer

【解决方案1】：

将您的 html 包装成这样的条件：

lt 表示“小于”。您可以使用lt、gt（大于）、lte（小于或等于）和gte（大于或等于）来定位各种版本的IE。

【讨论】：

【解决方案2】：

Html5 Boilerplate 推荐此解决方案（查看this link 了解更多详情）：

<!--[if lt IE 8]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

【讨论】：

【解决方案3】：

您可以使用条件语句来显示div：

<!--[if IE]>
    <div class="warning">...</div>
<![endif]-->

这适用于所有版本的 IE，如果您想针对特定版本，请参阅here 了解更多信息。

编辑：正如 GSerg 所指出的，这仅适用于 Browser detection in JavaScript?

【讨论】：

这在 IE9 中确实对我有用，但是我的一个朋友刚刚在 IE 11 中对其进行了测试，并没有给他任何警告。
@Aw555000 正确，条件 cmets 不再在 IE11+ 中处理。此外，用户代理字符串现在显示Like Gecko，这使得一些网站将 IE11 检测为非常旧的 Firefox 版本。浏览器检测对您不利:)
这对所有浏览器都有效吗？ t IE？