关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack:
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF\9; /* 所有IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */
[color:#000000;color:#00FF00; /* SF,CH支持 */
*color:#FFFF00; /* IE7支持 */
_color:#FF0000; /* IE6支持 */
}E8正式版出来有一段日志了,但是针对ie8正式版的CSS hack却很少,其实这是值得庆幸的,因为ie8修复了很多IE6和IE7的一些BUG,更加接近W3C标准。
针对IE8正式版的CSS hack目前可以找到的分为2种:(转载请注明出处:WEB前端开发 http://www.css88.com/)
第一种:”\9″:
基本的写法:
[code=”css”].test { color/*\**/: blue\9 }[/code]
这个IE6、IE7、IE8都能识别;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack:(转载请注明出处:WEB前端开发 http://www.css88.com/)
[code=”css”]
.header {width:300px;} /* 所有浏览器*/
.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
.header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
.header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/
[/code]
主要hack如下:(转载请注明出处:WEB前端开发 http://www.css88.com/)
[code=”css”]
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF\9; /* 所有浏览器IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */
[color:#000000;color:#00FF00; /* SF,CH支持 */
*color:#FFFF00; /* IE7支持 */
_color:#FF0000; /* IE6支持 */
}[/code]
另外随着google Chrome和Safari浏览器的流行,找google Chrome和Safari CSS hack的人也不少
IE9的css hack:
[code=”css”]
select {
/* ie 8/9*/
background-color:blue\9\0; /* ie 9*/
* /* ie 7*/
_background-color:#CDCDCD; /* ie 6*/
}
[/code]
注意写hack的顺序,其中:
- IE8和IE9都支持;
- background-color:blue\9\0; 仅IE9支持
原文:http://www.cnblogs.com/yang-guang/p/5037770.html