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