針對火狐瀏覽器的css hack:
@-moz-document url-prefix() }
2針對webkit核心及opera瀏覽器的css hack:
@media all and (min-width:0)}
3從這個樣式我們只能把webkit核心的瀏覽器和opera瀏覽器從其它瀏覽器中區分出來，但並不能區分它們倆，因此我們還需要在上面樣式的基礎上再加乙個樣式：
@media screen and (-webkit-min-device-pixel-ratio:0) }
4由於這個樣式是針對webkit的，會把前面的樣式覆蓋掉，因此，通過這兩個樣式就能區分出webkit和opera了，opera的屬性值取value，webkit的屬性值取valueforwebkit。
5其實按常規來說，我們一般是處理ie上的相容問題，但遇到需要處理火狐或chrome的相容問題時，一定要先檢視網頁結構是否合理以及便簽使用是否規範，直到迫不得已時再使用上面的css hack。
CSS瀏覽器相容性問題詳解
對css縮寫的支援問題 不論是ie 還是ff對css的縮寫都有一小點問題 比如 border 0xp solid fff 兩個瀏覽器支援都沒有問題 但對於四個邊的magin不同情況下，就不能用這種縮寫了，無論是ie還是ff又會出現邊界解釋錯誤，而導致頁面變形 正確縮寫 border width 0p...
瀏覽器相容性問題
苦惱的區別 1.image repeat 在火狐裡比較正常，可是在ie中一直repeat.背景是乙個關閉的x號，div設定的backgourn image url xx 結果在ie中卻不行，最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性，還有好多的差異，明天 去了 ...
瀏覽器相容性問題
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題，幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...