CSS兼容性總結

一、IE六、7不兼容display:inline-block

IE6\7下，display:inline與display:inline-block表現幾乎同樣

            li{

                display: inline-block;

                *display: inline;

                *zoom: 1;

                width: 100px;

            }

二、IE7浮動的一個bug

<label for="">fefef</label>

<span>fwefwe</span>

若是span右浮動，則會形成label標籤顯示在下一行

解決方法：label左浮動

3.獲取滾動條距離瀏覽器頂部的距離

IE: document.documentElement.scrollTop

DOM: document.body.scrollTop

4.IE6雙邊距問題：IE6下當元素的margin方向和浮動方向一致時，會致使margin爲設置的兩倍

解決方法：display:inline;

5.IE7不支持getAttribute('class')

解決方法：使用className