相容性個例

1.并一行的元素，第一個元素沒有設定浮動，第二個元素設定了向左浮動。在IE6,7下連兩個元素之間會多出3px的空隙。

解決辦法：如果一行有一個元素設定了浮動，那麼給ital元素都設定浮動就可以消除空隙。

2.并列一行元素，第一個元素沒有設定浮動，第二個元素向右浮動，那麼在IE6,7下，第二個元素會折行顯示。

3.塊屬性标簽設定浮動，并且有水準方向的margin值，水準方向的margin值會加倍

解決辦法：在塊級元素樣式中加display:inline;

4.li無浮動,li裡面元素設定浮動，在IE6,7下li下就會多出3px的空隙

解決辦法：li加一個浮動或者給li設定一個水準對齊

vertical-align:top;

5.在IE6,7下圖檔下有間隙

解決辦法：給圖檔設定一個水準對齊vertical-align:top;

6.在ie6下不支援固定定位(fixed)

7.在IE6下面border:red 1px dotted;不支援

8.在IE6下面當父級元素有邊框時，子級元素的margin值會消失（不起作用）

9.在IE6下面的png半透明圖檔在IE6下不起作用解決辦法：采用專屬IE6的JS插件

DD_belatedPNG.JS

10.在IE6下面的!important失效