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

公司主營(yíng)業(yè)務(wù):網(wǎng)站制作、成都做網(wǎng)站、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶(hù)真正實(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ì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶(hù)帶來(lái)驚喜。創(chuàng)新互聯(lián)推出北湖免費(fèi)做網(wǎng)站回饋大家。
網(wǎng)頁(yè)中用DIV+CSS布局在IE和Firefox中不兼容問(wèn)題的整理
DIV+CSS構(gòu)建網(wǎng)站時(shí)常會(huì)出現(xiàn)瀏覽器不兼容的問(wèn)題,下面整理了一些常見(jiàn)不兼容問(wèn)題,及解決辦法!
1、用!important解決IE和Mozilla的布局差別
!important是CSS1就定義的語(yǔ)法,作用是提高指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán),最重要的一點(diǎn)是:IE一直都不支持這個(gè)語(yǔ)法,而其他的瀏覽器都支持。因此我們就可以利用這一點(diǎn)來(lái)分別給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、解決超鏈接訪(fǎng)問(wèn)過(guò)后hover樣式不顯示的問(wèn)題
改變CSS屬性的排列順序:先后順序標(biāo)準(zhǔn)應(yīng)為:a:link—a:visited—a:hover—a:active
3、Li中內(nèi)容超過(guò)長(zhǎng)度后以省略號(hào)顯示的方法
- http-equiv="Content-Type"/>
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全 web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全
4、margin和padding定義尺寸的縮寫(xiě)
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的順序一定不能寫(xiě)反。根據(jù)上面提到的IE并不支持!important,所以在IE下其實(shí)解釋成這樣:
- div{maring:30px;margin:28px}
重復(fù)定義的話(huà)按照***一個(gè)來(lái)執(zhí)行,所以不可以只寫(xiě)margin:XXpx!important;
8、margin的默認(rèn)效果
div里的內(nèi)容,ie默認(rèn)為居中,而ff默認(rèn)為左對(duì)齊。使ff內(nèi)容居中的方法是增加代碼margin:auto
文章標(biāo)題:DIV+CSS布局在IE和firefox中常見(jiàn)不兼容問(wèn)題及解決方法
本文路徑:http://m.5511xx.com/article/djhohdo.html


咨詢(xún)
建站咨詢(xún)
