虽然现代浏览器支持CSS3，但是一些过往的版本或是目前有些CSS3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。

首先在页面任意地方（能生效的方）插入插件

<script src="prefixfree.min.js"></script>

然后打开页面可以看到html标签中加入class="-webkit"（或其他后缀-o-,-ms-,-moz-）

但是其实部分我们要的想要的css3效果就是没有出现，怎么回事呢？

那么我们应该在css里这样写才会有效的

background-image:-*-linear-gradient(top,rgb(255,255,255),rgb(242,242,242));

html5+css3学习笔记-prefixfree前缀补全插件