對於一個前端人員來說，在工作或面試中， 經常會遇到一些兼容性的問題，常見的兼容性問題有哪些呢？ 遇到兼容性問題的時候又該如何解決呢？以下是一些我遇到過的兼容問題。
1.png24位的圖片在iE瀏覽器上出現背景， 解決方案是做成PNG8。
2.瀏覽器默認的margin和padding不同。 解決方案是加一個全局的{margin:0;padding:0;}來統一。
3.IE6雙邊距bug：塊屬性標籤float後， 又有恆航的margin 情況下， 在ie6顯示margin 比設置的大。 浮動ie產生的雙倍距離#itcast{float:left;width:10px;margin:000100px;}這種情況下IE會產生20px的距離， 解決方案是在float的標籤樣式控制中加入_display：inline;將其轉換為行內屬性。（“_”這個符號只有ie6會識別）
4.IE下， 可以使用獲取常規屬性的方法來獲取自定義屬性，
也可以使用getAttribute()來獲取自定義屬性；
Firefox下， 只能使用getAttribute()獲取自定義屬性。
解決方法： 統一通過getAttribute（）獲取自定義屬性。
5.IE下，even對象有x，y屬性， 但是沒有pageX, pageY屬性；
Firefox下， even對象有pageX, pageY屬性，但是沒有x,y屬性。
解決方法： （條件註釋）缺點是在IE瀏覽器下可能會增加額外的HTTP請求數。
6.Chrome中文界面下默認將小於12px的文本強制按照12px顯示，
可通過加入CSS屬性-webkit-text-size-adjust:none;解決。
7.超鏈接訪問後hover樣式就不出現了，被點擊訪問過得超鏈接樣式不在具有hover和active了。解決方案是：改變CSS屬性的排列順序：L-V-H-A、a：link{}a:visited{}a：hover{}a：active{}
這是我遇到過得一些問題, 歡迎大家補充哦！
閱讀更多 前端小棧 的文章
