1. 程式人生 > >解決IE不支援display:inline-block;

解決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;
就可以了