新聞中心
DIV+CSS構(gòu)建網(wǎng)站時(shí)常會(huì)出現(xiàn)瀏覽器不兼容的問題,下面整理了一些常見不兼容問題,及解決辦法!相信本文介紹一定會(huì)讓你有所收獲。

公司主營(yíng)業(yè)務(wù):網(wǎng)站制作、成都做網(wǎng)站、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出北湖免費(fèi)做網(wǎng)站回饋大家。
網(wǎng)頁中用DIV+CSS布局在IE和Firefox中不兼容問題的整理
DIV+CSS構(gòu)建網(wǎng)站時(shí)常會(huì)出現(xiàn)瀏覽器不兼容的問題,下面整理了一些常見不兼容問題,及解決辦法!
1、用!important解決IE和Mozilla的布局差別
!important是CSS1就定義的語法,作用是提高指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán),最重要的一點(diǎn)是:IE一直都不支持這個(gè)語法,而其他的瀏覽器都支持。因此我們就可以利用這一點(diǎn)來分別給IE和其他瀏覽器不同的樣式定義,例如,我們定義這樣一個(gè)樣式:
- .colortest{border:20pxsolid#60A179!
- important;border:20pxsolid#00F;padding:30px;width:300px;}
在Mozilla中瀏覽時(shí)候,能夠理解!important的優(yōu)先級(jí),因此顯示#60A179的顏色;在IE中瀏覽時(shí)候,不能夠理解!important的優(yōu)先級(jí),因此顯示#00F的顏色。
2、解決超鏈接訪問過后hover樣式不顯示的問題
改變CSS屬性的排列順序:先后順序標(biāo)準(zhǔn)應(yīng)為:a:link—a:visited—a:hover—a:active
3、Li中內(nèi)容超過長(zhǎng)度后以省略號(hào)顯示的方法
- http-equiv="Content-Type"/>
web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全 web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全
4、margin和padding定義尺寸的縮寫
margin:3px——表示所有邊都是3px;
margin:3px5px——表示top和bottom的值是3px,right和left的值是5px
margin:3px5px7px——表示top的值是3,right和left的值是5,bottom的值是7
margin:3px5px7px5px——四個(gè)值依次表示top,right,bottom,left;上右下左。
5、解決IE不能正確顯示透明PNG——header內(nèi)加入代碼
6、ul在Firefox和IE下表現(xiàn)不同
使用(padding:0;margin:0;list-style:inside;)或者(padding:0;margin:0;list-style:none;)實(shí)現(xiàn)兼容
7、BOX模型在Firefox和IE中的解釋相差2px的解決方法
div{margin:30px!important;margin:28px;}
注意這兩個(gè)margin的順序一定不能寫反。根據(jù)上面提到的IE并不支持!important,所以在IE下其實(shí)解釋成這樣:
- div{maring:30px;margin:28px}
重復(fù)定義的話按照***一個(gè)來執(zhí)行,所以不可以只寫margin:XXpx!important;
8、margin的默認(rèn)效果
div里的內(nèi)容,ie默認(rèn)為居中,而ff默認(rèn)為左對(duì)齊。使ff內(nèi)容居中的方法是增加代碼margin:auto
網(wǎng)站題目:DIV+CSS布局在IE和firefox中常見不兼容問題及解決方法
標(biāo)題鏈接:http://www.dlmjj.cn/article/djhohdo.html


咨詢
建站咨詢
