常见浏览器兼容问题

 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