由于各浏览器的生产厂商不一样,也没有统一使用W3C的标准,因此很多CSS3样式属性都需要添加前缀才得以识别:
-khtml- Konqueror
-rim- RIM
-ms- Microsoft(IE)
-0- Opera
-moz- Mozilla(如Firefox)
-webkit- Webkit
所以就有牛人开发出这样的JS插件。
用的时候把 prefixfree.min.js 引入即可;
开源地址:https://github.com/LeaVerou/prefixfree
浏览器支持
目标浏览器为IE9+, Opera 10+, Firefox 3.5+, Safari 4+ 和 Chrome。
prefixfree.js几个局限性的地方:
1.@import-ed之类文件不鸟
2.跨域链接样式不鸟
3.无前缀链接样式Chrome和Opera下部分不鸟
4.行内style无前缀值在IE和FireFox3.6以下不鸟,FireFox 3.6下的属性亦如此