首頁 > web前端 > html教學 > 詳解css對ie的兼容性實例

詳解css對ie的兼容性實例

零下一度
發布: 2017-06-24 14:02:47
原創
1434 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板