IE8 CSS hack

原文链接: http://www.cnblogs.com/longly/p/6844086.html

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

针对IE8正式版的CSS hack目前可以找到的分为2种:

第一种:”\9″:

基本的写法:

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

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

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

 

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

具体可以查看这里:http://www.css88.com/archives/705;

其他一些css hack的测试:

1. .color 1 color : #F00 ; color /*\**/ : #00F  /*\**/ } /*IE6,IE7,IE8,FF,OP,SA识别*/
2. .color 2 color : #F00 ; color  /*\**/ : #00F  /*\9**/ } /*IE7,IE8,FF,OP,SA识别*/
3. .color 3 color : #F00 ; color /*\**/ : #00F  \ 9 } /*IE6,IE7,IE8识别*/
4. .color 4 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/





区别IE6、IE7、IE8、FireFox的CSS hack - www.newcss.cn


测试方块 hi.baidu.com/dpxdqx


IE6
IE7
IE8
FireFox


转载于:https://www.cnblogs.com/longly/p/6844086.html

你可能感兴趣的:(IE8 CSS hack)