Js插件：-prefix-free

原文：http://blog.csdn.net/hey_bei/article/details/8679707

-khtml-     Konqueror

-rim-         RIM

-ms-         Microsoft（IE）

-0-            Opera

-moz-       Mozilla(如Firefox)

-webkit-   Webkit

没有私有前缀的，是W3C的标准.

你可以看到一组私有前缀，当然不完全，至少对于我来说，经常用到的也就是其中几个，但是就这样的话也使代码变得臃肿。

前段时间发现了一个比较好用的js插件，http://leaverou.github.com/prefixfree/prefixfree.min.js，引用之后，运行代码时，会自动为css文件追加前缀，当然是在浏览器当中添加，而不是css文件。

可以看一下prefix项目的首页：http://leaverou.github.com/prefixfree/。

该页面上列出了prefixfree.js几个局限性的地方：

1. 不支持@import-ed之类文件
2. 不支持跨域链接样式
3. 不支持filter
4. 无前缀链接样式Chrome和Opera下部分不理
5. 行内style无前缀值在IE和FireFox3.6以下不理，FireFox 3.6下的属性亦如此

浏览器支持
目标浏览器为IE9+, Opera 10+, Firefox 3.5+, Safari 4+ 和 Chrome。

* 总结：
1、旧版 IE 是不会获得前缀：如果你的 CSS 有 transform:rotate(10deg)，这个 prefixfree.js 不会自动转换到 filter 或者添加 -ms- 前缀（有可能把布局弄垮）
2、如果游览器不支持 Javascript，CSS 代码不会得到前缀（有可能把布局弄垮，某些游览器需要前缀）
3、从好的方面来看，这款 JS 只有 5KB（gzipped 后2.5KB）：2.5KBvs 重复的 CSS 代码