CSS兼容性总结

原创
2014/12/31 10:15
阅读数 68

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

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部