深入解析：IE8中的CSS Hack技巧及其应用

人亦已歌

深入解析：IE8中的CSS Hack技巧及其应用

ie8修复了很多IE6和IE7的一些BUG，更加接近W3C标准。针对IE8正式版的CSS hack目前可以找到的分为2种：

第一种：

基本的写法:

2. .test { color/*\/: blue\9 }

复制代码

这个IE6、IE7、IE8都能识别；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack：

2. .header {width:300px;} /* 所有浏览器*/
3. .header {width/*\/:330px\9;} /* 所有浏览器IE浏览器 */
4. .header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
5. .header {_width:290px;} /* IE6能识别，IE7、IE8和FF不能识别*/

复制代码

第二种：就是使用IE的条件注释

具体可以查看这里：；

其他一些css hack的测试：

2. .color1{ color:#F00; color/*\/:#00F /*\/}/*IE6,IE7,IE8,FF,OP,SA识别*/
3. .color2{ color:#F00; color /*\/:#00F /*\9/}/*IE7,IE8,FF,OP,SA识别*/
4. .color3{ color:#F00; color/*\/:#00F \9}/*IE6,IE7,IE8识别*/
5. .color4{ color:#F00; color /*\/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\/”之间有个空格*/

复制代码