无法显示IE 8及向下无支持消息

时间:2017-02-23 09:55:16

标签: reactjs webpack modernizr

我使用reactjs和webpack创建了一个网站,我使用modernizr来显示对特定功能的支持,但我想在IE 8及更低版本中显示一条消息,我不支持这些浏览器。问题是,当加载网站时,它失败,因为webpack和react不支持它。 我的问题是,我该如何显示消息?有没有办法在反应加载之前显示它?或者可能有一种方法可以使它仅用于该消息?

感谢您的帮助!

1 个答案:

答案 0 :(得分:3)

您可以使用条件注释来加载特殊CSS并仅在IE8中打印HTML。

http://www.quirksmode.org/css/condcom.html

示例:

<!--[if lte IE 8]>
<p class="unsupported-ie">This page is not supported for IE8 and lower versions of IE.</p>
<![endif]-->

您甚至可以在<head>中加载CSS:

<!--[if lte IE 8]>
<link media="all" rel="stylesheet" href="/unsupported-ie.css" />
<![endif]-->