雖然現代浏覽器支持CSS3,但是一些過往的版本或是目前有些CSS3屬性的應用還是離不開前綴的。像box-shadow, border-radius這類屬性,目前較新版本的浏覽器都是不需要前綴的(包括IE9),但是,有些CSS3屬性,例如漸變,oh,my GEE GEE,前綴少不了,於是每次應用都像是建大樓一樣,如下jQuery Mobile CSS中的某一漸變截圖:
比樓高是很傻逼的一件事情,所以如此霸氣側漏的CSS大樓反而讓人傷不起,我們總希望一馬平川小山丘,老天開眼掉美妞。心中甚是希望跟這些前綴說“顧德白”。有此想法的前端er們想必大有人在,於是,一些牛逼且執著於web技術且樂於分享的仁兄(Lea Verou)就搞了個名叫prefixfree.js的東西。有了這個東西,嘿嘿,陰沉的天空頓時劃出一道聖潔光芒。
prefixfree.js的使用:
<script src="http:///keleyi/phtml/css3/10/prefixfree.min.js"></script>
prefixfree網站:http://leaverou.github.io/prefixfree/