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;
:hidden;
}
.clearfix{
zoom:1;
}
今天先整理這麼些,以後慢慢完善,嘿嘿...
以上是詳解css對ie的兼容性實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!