收藏

使用 prefix 摆脱CSS3前缀

kang_web 2014-11-24 0 0

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