兼容IE6/IE7/IE8/FireFox的css hack

**记住上面得样式解释为顺序是 ff、ie8、ie7、ie6 **
显示的结果:
用火狐浏览,颜色是紫色
用 IE8 浏览,颜色是红色
用 IE7 浏览,颜色是蓝色
用 IE6 浏览,颜色是绿色

IE8 最新css hack:
"" 例:"margin:0px auto;".这里的""可以区别所有IE和FireFox.
"9" 例:"margin:0px auto9;".这里的"9"可以区别所有IE和FireFox.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.

一些IE6 IE7 IE8 FF的CSS hack

各浏览器CSS hack兼容表:

IE6 IE7 IE8 Firefox Chrome Safari
!important Y Y
_ Y
* Y Y
*+ Y
9 Y Y Y
Y
nth-of-type(1) Y Y

小知识:什么是CSS hack?
  由于不同的浏览器,比如IE6、IE7、IE8、Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
  这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。
  这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。

发表评论