今天接了个新项目，年底要做完。预祝我顺利完成工作吧。在搭css框架的过程中，遇到了一些浏览器兼容性问题。于是就统计一下各个浏览器专用的css hack吧。
（粘贴自百科百科）
-
针对火狐浏览器的CSS Hack:
@-moz-document url-prefix() { .selector { attribute: value; }}
-
针对webkit内核及Opera浏览器的CSS Hack:
立即学习“前端免费学习笔记（深入）”；
@media all and (min-width:0){ .selector { attribute: value;/*for webkit and opera*/ }}
网钛淘拍CMS(TaoPaiCMS) V1.60下载2013年07月06日 V1.60 升级包更新方式：admin文件夹改成你后台目录名，然后补丁包里的所有文件覆盖进去。1.[新增]后台引导页加入非IE浏览器提示，后台部分功能在非IE浏览器下可能没法使用2.[改进]淘客商品管理 首页 列表页 内容页 的下拉项加入颜色来区别不同项3.[改进]后台新增/修改淘客商品，增加淘宝字样的图标和天猫字样图标改成天猫logo图标4.[改进]为统一名称，“分类”改
-
从这个样式我们只能把webkit内核的浏览器和Opera浏览器从其它浏览器中区分出来，但并不能区分它们俩，因此我们还需要在上面样式的基础上再加一个样式：
@media screen and (-webkit-min-device-pixel-ratio:0) { .selector { attribute: valueForWebKit;/*only for webkit*/ }}
-
由于这个样式是针对webkit的，会把前面的样式覆盖掉，因此，通过这两个样式就能区分出webkit和opera了，opera的属性值取value，webkit的属性值取valueForWebKit。
-
其实按常规来说，我们一般是处理ie上的兼容问题，但遇到需要处理火狐或Chrome的兼容问题时，一定要先查看网页结构是否合理以及便签使用是否规范，直到迫不得已时再使用上面的CSS Hack。
