WEB前端开发

IE8正式版出来有一段日志了，但是针对ie8正式版的CSS hack却很少，其实这是值得庆幸的，因为ie8修复了很多IE6和IE7的一些BUG，更加接近W3C标准。

针对IE8正式版的CSS hack目前可以找到的分为2种：(转载请注明出处：WEB前端开发 http://www.css88.com/)

第一种：”\9″：

基本的写法:

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

这个IE6、IE7、IE8都能识别；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack：(转载请注明出处：WEB前端开发 http://www.css88.com/)

.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；

(转载请注明出处：WEB前端开发 http://www.css88.com/) 

其他一些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；(转载请注明出处：WEB前端开发 http://www.css88.com/)

参考阅读：

http://ladysign-apps.com/blog/archives/529

http://webdevelop.nitamihai.com/ie8-css-hack/

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《针对IE8正式版的CSS hack》