最近切的页面设计很精致，有那么些难以控制兼容性的问题，没办法，只有用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 表】
来源：oschina
链接：https://my.oschina.net/u/170455/blog/48965