解决浏览器兼容性问题hack

hack主要解决低版本 ie 6、7、8兼容性问题 更高版本的浏览器出现的兼容性问题最好不要使用hack来解决，因为hack只是通过在低版本中声明了CSS 一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的（原本该版本中不兼容的）从而达到能够使用的目的，但是后面的更新的版本如果兼容了该标签就会出现后续问题。

语法
if ite IE9 小于等于IE9
if gt IE9 大于IE9
if gte IE9 大于等于IE9
if ！IE 非IE浏览器
if IE 支持 IE浏览器

   <!-- 只是判断是否是IE浏览器；只有IE浏览器p标签 -->
    <!--[if IE]> 
 <p class='test'>你在非IE中将看不到我的身影</p> 
 <div class="box"></div>
<![endif]-->

    <!--[if IE]> 
<style> 
 .test{color:red;} 
 .box{width:200px;height:40px;border:1px solid #000;border-radius:50%;}
</style> 
<![endif]-->
    <!--  it 如果小于ie9一下浏览器 才能入库
          if ite IE9 小于等于IE9
          if gt IE9 大于IE9
          if gte IE9 大于等于IE9
          if ！IE 非IE浏览器
          if IE 支持 IE浏览器
          *html *前缀只对IE6生效 
*+html *+前缀只对IE7生效 
@media screen\9{...}只对IE6/7生效 
@media \0screen {body { background: red; }}只对IE8有效 
@media \0screen\,screen\9{body { background: blue; }}只对IE6/7/8有效 
@media screen\0 {body { background: green; }} 只对IE8/9/10有效 
@media screen and (min-width:0\0) {body { background: gray; }} 只对IE9/10有效 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只对IE10有效

     -->




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