为了解决这个问题，国外的牛人开发了了一个 -Prefix-free 的插件，能够自动给我们添加这些前缀，我们仅仅需要编写一次代码，无需在考虑是否兼容其他浏览器，而且如果后面浏览器支持这个属性了，我们只需要移除 -Prefix-free 即可，都不需要修改CSS代码。
简介
-prefix-free 是一个 JavaScript 工具库，你只要在网页引入这个插件即可，无需任何配置和函数调用，-prefix-free在幕后工作，将当前浏览器的前缀添加到任何CSS代码中。
特征
在网页解析的过程中，自动给样式表<link>和<style>内的元素添加一个浏览器厂商CSS3前缀。
过程元素的一个风格属性和增加供应商前缀在需要的地方。
兼顾新的<link>或<style>元素，style属性的变化而变化（requires plugin）
让jQuery的css()，方法获取和设置属性（requires plugin）
局限性
前缀代码在 @import-ed 文件中不支持
前缀跨来源链接的样式表是不支持的
无前缀的链接样式表不工作局部在Chrome和Opera。
没有前缀价值观在内联样式，不支持IE 和 Firefox 3.6 版本以下的浏览器。