解决IE不支持display:inline-block;

对于IE不支持display:inline-block;的解决方法

.triangle-left{
    height:0px;
    width:0px;
    border:30px solid #000;
    border-color:transparent #ebebeb transparent transparent;
    display:inline-block;
    *display:inline;
    zoom:1;
    _height:250px;
    margin-left:-20px;
    position:relative;
    top:-110px;
}
上面这段代码是我写了一个三角形并想让他和其他元素同行显示,除了用position或浮动等方法外还可以用display:inline-block,但是ie不支持行内块级元素需要我们做兼容

只要在代码里加上

    *display:inline;
    zoom:1;
    _height:250px;
就可以了

你可能感兴趣的:(web前端)