你遇到過的相容性問題以及解決辦法

1.png24位的圖片在ie6瀏覽器上出現背景

• 解決方案： 做成png8
  

2.瀏覽器預設的margin和padding不同

• 解決方案：新增一個全域性的{margin：0;padding: 0;}來統一
  

3.ie6雙邊距bug：塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大。浮動ie產生的雙倍邊距 float: left; width: 10px; margin: 0 0 0 100px;這種情況之下ie會產生20px的距離

• 解決方案： 在float的標籤樣式控制中加入_display: inline;將其轉化為行內屬性。

4.ie下可以使用獲取常規屬性的方法來獲取自定義屬性，也可以使用getAttribute()獲取自定義屬性；火狐下只能使用getAttribute()獲取自定義屬性

• 解決辦法： 同意通過getAttribute()獲取自定義屬性

5.ie下，even物件有x，y屬性，但是沒有pageX，pageY屬性。火狐下，event物件有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' -->link,visited,hover,active.