怎样书写针对IE8正式版的CSS hack

 

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

第一种:”\9″:

基本的写法:

view source

print?
1 .test { color/*\**/: blue\9 }

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

view source
print?
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的条件注释
具体可以查看这里:;

其他一些css hack的测试:
view source

print?
1 .color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/

2 .color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/

3 .color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/

4 .color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/

参考阅读:

 

新手 

相关文章

发表评论 取消回复

电子邮件地址不会被公开。 必填项已用*标注