新聞中心
本文向大家介紹一下XHTML+CSS兼容性解決方案,主要從四個方面來向大家講解,相信本文介紹一定會讓你有所收獲。

柳林網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,柳林網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為柳林近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個售后服務(wù)好的柳林做網(wǎng)站的公司定做!
XHTML+CSS兼容性解決方案
使用XHTML+CSS構(gòu)架好處不少,但也確實存在一些問題,將遇到的一些兼容性的問題及解決方法記錄下來希望對大家有所幫助。
1.在mozillafirefox和IE中的BOX模型解釋不一致導(dǎo)致相差2px解決方法:
以下是引用片段:
- div{margin:30px!important;margin:28px;}
注意這兩個margin的順序一定不能寫反,據(jù)阿捷的說法!important這個屬性IE不能識別,但別的瀏覽器可以識別。所以在IE下其實解釋成這樣:
以下是引用片段:
- div{maring:30px;margin:28px}
重復(fù)定義的話按照最后一個來執(zhí)行,所以不可以只寫margin:XXpx!important;
2.IE5和IE6的BOX解釋不一致IE5下div{width:300px;margin:010px010px;}div的寬度會被解釋為300px-10px(右填充)-10px(左填充)最終div的寬度為280px,而在IE6和其他瀏覽器上寬度則是以300px+10px(右填充)+10px(左填充)=320px來計算的。這時我們可以做如下修改:
以下是引用片段:
- div{width:300px!important;width/**/:340px;margin:010px010px}
3.CSS中ul標(biāo)簽在Mozilla中默認(rèn)是有padding值的,而在IE中只有margin有值所以先定義:
以下是引用片段:
- ul{margin:0;padding:0;}
就能解決大部分問題。
4.關(guān)于腳本,在xhtml1.1中不支持language屬性,只需要把代碼改為:
以下是引用片段:


咨詢
建站咨詢