仅在IE中显示div

时间:2014-02-28 00:02:49

标签: javascript jquery html css internet-explorer

我正在制作一个网站,由于某种原因,透视覆盖的z-index在Internet Explorer中不起作用(它可以在其他所有内容中工作),因此我想显示一条警告消息,该网站不支持Internet Explorer,我怎样才能使用“警告”类只在Internet Explorer中显示div?

我很高兴通过任何方法(HTML,CSS,Jquery等),只要它解决z-index问题或制作警告div显示。

更新:我有一个我的朋友测试我的网站,条件评论在IE11中不起作用,我想在所有版本的IE中显示div。

3 个答案:

答案 0 :(得分:3)

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

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

这适用于所有版本的IE,如果您想定位特定版本,请参阅here以获取更多信息。

编辑:正如GSerg指出的那样,这只适用于&lt; IE11。对于IE的更高版本,您可能必须依赖于此Q&amp; A中的某些JS:Browser detection in JavaScript?

答案 1 :(得分:1)

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]-->

答案 2 :(得分:0)

将html包含在条件中,如下所示:

<!--[if lt IE 7]>[html here]<![endif]-->

lt表示'小于'。您可以使用ltgt(大于),lte(小于或等于)和gte(大于或等于)来定位各种版本的IE