IE9跟Firefox 4相繼登場之後，Web designer似乎得更頻繁思考CSS Prefix或Post hack之類的問題。
舉圓角「border-radius」這個屬性為例。
過去無論IE或Firefox都不認得這個東西，一般都直接不管IE，至於Firefox，則丟一個「-moz-border-radius」的CSS Prefix給它跑圓角。
另外，Chrome跟Safari就共用「-webkit-border-radius」這個CSS Prefix來運作。
Web designer之所以必須頻繁思考CSS Prefix或Post hack，主要是因為在IE9跟Firefox 4成為大主流之前，網路上還是繼續存在各種不認得新網頁標準的舊版本。
這也意味著Web designer得像黑手一樣，手動加註各種為舊版設想的CSS Prefix。
為了解決這種既笨卻又純屬必要的麻煩事，有人做了CSSPrefixer這個為Web developer代勞的CSS Prefix補完生成器。
有了CSSPrefixer的協助，你可以完全不顧舊版瀏覽器可能發生的問題，直接去寫最符合新網頁標準的CSS：
.my-class, #my-id {
border-radius: 1em;
transition: all 1s ease;
box-shadow: #123456 0 0 10px;
}
丟到CSSPrefixer之後，點一下Process，自然就會生出補完後的代碼：
.my-class, #my-id {
-moz-border-radius: 1em;
-o-transition: all 1s ease;
-moz-box-shadow: #123456 0 0 10px;
-webkit-box-shadow: #123456 0 0 10px;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-webkit-border-radius: 1em;
border-radius: 1em;
transition: all 1s ease;
box-shadow: #123456 0 0 10px
}