在做頁面遇到相容性問題時，我們大多用到的是針對IE的CSS Hack，但有時候做出的頁面卻偏偏在IE上正常，在火狐或谷歌上卻產生了相容問題，這時該怎麼辦呢？要是能寫個專門針對火狐或谷歌的css樣式該多好啊。其實不用發愁，確實有這樣的CSS Hack。下面來具體看一下吧。
方法/步驟
針對火狐瀏覽器的CSS Hack:
@-moz-document url-prefix() { .selector { attribute: value; }}
針對webkit核心及Opera瀏覽器的CSS Hack:
@media all and (min-width:0){ .selector { attribute: value;/*for webkit and opera*/ }}
從這個樣式我們只能把webkit核心的瀏覽器和Opera瀏覽器從其它瀏覽器中區分出來，但並不能區分它們倆，因此我們還需要在上面樣式的基礎上再加一個樣式：
@media screen and (-webkit-min-device-pixel-ratio:0) { .selector { attribute: valueForWebKit;/*only for webkit*/ }}
由於這個樣式是針對webkit的，會把前面的樣式覆蓋掉，因此，通過這兩個樣式就能區分出webkit和opera了，opera的屬性值取value，webkit的屬性值取valueForWebKit。
其實按常規來說，我們一般是處理ie上的相容問題，但遇到需要處理火狐或Chrome的相容問題時，一定要先檢視網頁結構是否合理以及便籤使用是否規範，直到迫不得已時再使用上面的CSS Hack。