针对IE8正式版的CSS hack

前端  /  管理员 发布于 7年前   175

IE8正式版出来有一段日志了，但是针对ie8正式版的CSS hack却很少，其实这是值得庆幸的，因为ie8修复了很多IE6和IE7的一些BUG，更加接近W3C标准。
针对IE8正式版的CSS hack目前可以找到的分为2种：
第一种：”\9″：
基本的写法:
test { color/*\**/: blue\9 }
这个IE6、IE7、IE8都能识别；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack：
header {width:300px;} /* 所有浏览器*/
header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
header {_width:290px;} /* IE6能识别，IE7、IE8和FF不能识别*/
第二种：就是使用IE的条件注释
具体可以查看这里：http://www.css88.com/archives/705；
其他一些css hack的测试：
color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/
color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/
color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/
color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/
其中：OP表示Opera，SA表示Safari；
参考阅读：
http://ladysign-apps.com/blog/archives/529
http://webdevelop.nitamihai.com/ie8-css-hack/