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