使用 prefix 摆脱CSS3前缀
prefix介绍与使用方法:
-prefix - 可以让你在写css3的时候无需再添加前缀(如:-webkit-、-moz-、-ms-、-o-)。它的工作原理幕后,将当前浏览器的前缀添加到任何CSS代码前面(当它需要的时候)
特点:
-
处理 <link> 或<style>元素,在需要的地方自动添加前缀;
-
处理新的<link>或<style>元素,即网页加载完后再添加的新标签,需要Dynamic DOM plugin;
-
使用jQuery’s .css()来设置属性,需要jQuery plugin;
-
JS 只有 5KB(gzip后仅2.5KB)。
缺点:
-
不支持 @import 文件;
-
不支持跨域(cross-origin)链接的样式表;
-
不支持 filter和一些未知的属性。
支持浏览器
IE9+, Opera 10+, Firefox 3.5+, Safari 4+ 和 Chrome
使用方法
在引入的css后面加载js脚本
<script src="prefixfree.min.js"></script>
官方网址:http://leaverou.github.io/prefixfree