css hack 解决浏览器兼容总结

最近切的页面设计很精致，有那么些难以控制兼容性的问题，没办法，只有用hack解决了，，虽然不赞同hack，可是既然是页面布局，总以为不要搭上javascript来解决，下面也总结下CSS hack浏览器兼容。

区别IE和非IE浏览器

   background:blue; /*非IE 背景藍色*/

   background:red \9;  /*IE六、IE七、IE8背景紅色*/ 

区别IE6,IE7,IE8,FF

    background:blue; /*Firefox 背景变蓝色*/

    background:red \9; /*IE8 背景变红色*/ 

    *background:black; /*IE7 背景变黑色*/

    _background:orange; /*IE6 背景变橘色*/ 

浏览器都能识别「\9」，而IE6和IE7可识别「*」，另外IE6可认识「_」

区别IE六、IE七、Firefox 【区别符号】：「*」、「!important」

     background:blue;                         /*Firefox 背景变蓝色*/

       *background:green !important;     /*IE7  背景变绿色*/ 

       *background:orange;                          /*IE6 背景变橘色*/ } 

IE7能够辨识「*」和「!important」，可是IE6只能够辨识「*」，却没法辨识「!important」，至于Firefox能够读取「!important」但不能辨识「*」

上面举了几个实例，按顺序来写，通常能够达到想要的效果，可是本人不怎么推荐用hack解决兼容性问题，最后多用兼容性的标签，div尽可能避免嵌套等等，用良好的布局习惯作到兼容。

【附：css hack 表】