1. 程式人生 > >css對ie的相容性問題處理(一):

css對ie的相容性問題處理(一):

本文轉載於:猿2048網站⇒css對ie的相容性問題處理(一):

1.在製作sidebar時對li裡面的元素進行浮動,li在ie6/7下會出現4px的間間隙:

解決方法:在li下加上vertical-align屬性,值可為top、bottom、middle;

擴充套件:vertical-align屬性為垂直居中,一般與table-cell聯合使用,但是對於ie6/7的相容是無解的。

 

2.注意: 元素浮動後在ie6/7下會使margin-bottom失效;在開發過程中要注意margin-bottom的使用。

 

3.清除浮動clearfix(據說使史上最高大上的方法,相容ie):

.clearfix:after{

    content=””;

    display:block;

    height:0;

    line-height:0px;

    clear:both;

    visibility:hidden;

}

.clearfix{

    zoom:1;

}

今天先整理這麼些,以後慢慢完善,嘿嘿...