css hack

1. 结构hack :用于ie浏览器不同版本

6种条件: 大于 小于 等于 大于等于 小于等于 非 >=ie6 =ie6

<!--[ if IE 6 ]>  开始

<p>只在ie6显示</p>
 
<![endif]-->  结束

CSS Hack实际上是指特殊的代码，这段代码只在某些浏览器中可以识别，而在其他浏览器不能识别，通过这种方式，来为一些浏览器设置特殊的代码使用：在使用条件Hack时，需在HTML中添加link样式,在样式中添加脚本，写法如下：
<!--[if IE 8]>
<link rel='stylesheet' type='text/css' herf='css/sty-ie8.css'>
<![endif] -->
写法如下：语法：
<!--[if <keywords>? IE <version>?]><![endif]-->
HTML代码块<![endif]-->keywords取值|

if条件共包含6种选择方式：是否、大于、大于或等于、小于、小于或等于、非指定版本选择方式说明是否指定是否IE或IE某个版本。
关键字：空大于选择大于指定版本的IE版本。
关键字：gt（greater than）大于或等于：选择大于或等于指定版本的IE版本。
关键字：gte（greater than or equal）小于选择小于指定版本的IE版本。
关键字：lt（less than）小于或等于选择小于或等于指定版本的IE版本。
关键字：lte（less than or equal）
非指定版本选择除指定版本外的所有IE版本。关键字：!

ie10以上已经将条件hack废除

2.属性hack

_display:inline;  针对ie6及其以下浏览器

*display:inline; 针对ie7及其以下浏览器

display:inline\0;  ie8,ie9两个浏览器

.test {
    
    w200
    h200
    bgc:red;//谷歌 火狐显示红色  
    _bgc:yellow; ie6及其以下显示黄色
    *bgc:green;ie7及其以下显示绿色
    bgc:orange\0;ie8,ie9 显示橘色
    
}
<div class="test"></div>

3.选择符hack

*html .box {
    bgc:red;
}//ie6添加此样式
*+ html .box {
    bgc:red;
}
//只有ie7才识别