css hack 解决浏览器兼容总结

为什么80%的码农都做不了架构师？>>>   

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

区别IE和非IE浏览器

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

   background:red \9;  /*IE6、IE7、IE8背景紅色*/ 

区别IE6,IE7,IE8,FF

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

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

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

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

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

区别IE6、IE7、Firefox 【区别符号】：「*」、「!important」

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

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

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

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

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

【附：css hack 表】

转载于:https://my.oschina.net/lianyi/blog/48965