标签：浏览器 兼容问题 标签 常见 IE7 li inline display

 1. IE图片的边框问题（a标签下的图片）

  img{
        border:0/none;}

 2. IE8一下浏览器背景复合属性空格问题

baground-image:url()'空格'no-repeat left;

其他ie低版本兼容性问题了解

（1）在ie6及更早浏览器中定义小高度的容器？

#text{
    overflow:hidden;
    height:1px;
    font-size:0;
    line-height:0;

}

(2)IE6及更早浏览器浮动时产生双倍间距的BUG？

针对IE6设置该标签的display属性为inline即可

#text{
    float:left;
    _display:inline;

}

(3)IE7及更早浏览器下子标签相对父标签overflow属性的auto|hidden失效的问题？

给父标签也设置相对定位position:relative

(4)块转内联块IE7-不在一行显示问题

div{
    dsiplay:inline-block;
    *display:inline;
    *zoom:1;

}

(5)IE7及更早浏览器下当li中出现2个或以上的浮动时，li之间产生的空白问题？

将垂直对齐方式设置为除了top值，还可以设置其他值如：middle|bottom等

li{
    vertical-align:top;  
}

标签：浏览器,兼容问题,标签,常见,IE7,li,inline,display
来源： https://blog.csdn.net/qq_43239707/article/details/97615117

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。