CSS兼容性总结

1、IE6、7不兼容display:inline-block

IE6\7下，display:inline与display:inline-block表现几乎一样

            li{

                display: inline-block;

                *display: inline;

                *zoom: 1;

                width: 100px;

            }

2、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