經常遇到的瀏覽器的兼容性有哪些？原因？解決方法是什么？

1. PNG24位的圖片在ie6瀏覽器上出現背景，解決方案是做成PNG8
2. 瀏覽器默認的margin和padding不同。解決方案是加一個全局的*{margin:0;padding:0;}
3. ie6雙邊距bug:塊屬性標簽float后，又有橫行的margin情況下，在IE6顯示的margin比設置的大
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解決