雖然現代瀏覽器支持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));