IE兼容补丁

前些天无疑中在网上看到一个关于IE兼容的语法

   <!--[if IE]> 
 <p class='test'>你在非IE中将看不到我的身影</p> 
 <div class="box"></div>

<![endif]-->

<!-- 如果是IE 浏览器才能解析以下样式 -->

        <!--[if IE]> 
<style> 
 .test{color:red;} 
 .box{width: 100px;height: 100px;border: 1px solid red;border-radius: 50%;}
  @media screen and (min-width: 480px) {
            body{
                background-color: red;
            }
        }

</style> 
<![endif]-->



    <!--[if lt IE 9]> 
 <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
 <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> 
<![endif]-->

<!--[if IE]>
	这段文字只在IE浏览器显示
	<![endif]-->

这段代码的实际演示情况是 只在IE浏览器中才能看见你写的代码 IE7以下才能看到 起初我还以为是新语法 结果是个大佬做的补丁 这个语法了解即可 不推荐用

<!--
    html5 shiv 是一个针对IE浏览器的HTML5 JAVAScript 补丁，目的是让IE 识别并且支持HTML5元素
    respond.js，对前端第三方技术的补丁

    
    lt 如果小于IE9以下浏览器才能导入库
    if ite IE 9  小于等于IE9
    if gt IE 9 大于IE9
    if gte IE 9  大于等于IE9
    if ！ IE 非IE 浏览器
    if IE 支持 IE浏览器 

    语法
    <-- if 条件>
      需要解析的内容
      <! endIf-->

   IE 补丁：
   @media IE9
   
   <!-- 
   学习 css hask 目的：了解即可，不要求使用
   1:知道语法
   2：万一遇到这样的代码可以看得懂并且能够修改
   3：万一遇到低版本IE 6.7.8 css hack 是解决兼容性问题的方案。（不一定有效）

   注意：只是补丁 不是创造

    -->