IE與Firefox瀏覽器差異與常見(jiàn)問(wèn)題一覽
本文和大家重點(diǎn)討論一下IE與Firefox瀏覽器差異與常見(jiàn)問(wèn)題一覽，主要從八個(gè)方面來(lái)向大家介紹，相信本文介紹一定會(huì)讓你有所收獲。
IE與Firefox差異與常見(jiàn)問(wèn)題一覽
又是一篇介紹IE與Firefox下兼容性產(chǎn)生差異的文章。瀏覽器之間可以達(dá)成共協(xié)，對(duì)網(wǎng)頁(yè)編寫(xiě)者來(lái)說(shuō)期待著這一天。
1、單位問(wèn)題
問(wèn)題：任何距離的數(shù)值IE可以不加單位，ff必須要求寫(xiě)單位（0除外）
解決：寫(xiě)全單位如padding:0px;
2、水平居中
問(wèn)題：div里的內(nèi)容，IE默認(rèn)為center，而ff默認(rèn)left
解決：mairgin:0pxauto;
3、高度問(wèn)題
問(wèn)題：如果設(shè)置了一個(gè)DIV的高度，當(dāng)DIV里實(shí)際內(nèi)容大于所設(shè)高度，IE會(huì)自動(dòng)拉伸以適應(yīng)DIV容器大小，ff會(huì)固定DIV的告訴，超過(guò)部分超出DIV底線以外，出現(xiàn)和下面的內(nèi)容重疊的現(xiàn)象
解決：控制恰當(dāng)?shù)母叨龋蛘卟粚?xiě)，讓瀏覽器自動(dòng)調(diào)節(jié)高度，或者設(shè)置overflow:hidden;
4、clear:both;
問(wèn)題：如果上面用float控制了n列DIV，下面IE會(huì)自動(dòng)檢測(cè)自動(dòng)排列，ff則可能很不老實(shí)，到處亂動(dòng)
解決：float結(jié)束后的下一個(gè)標(biāo)簽加clear:both;以結(jié)束float的控制
5、最大/小寬度問(wèn)題
問(wèn)題：min-width,max-width只是ff的命令，如何讓IE實(shí)現(xiàn)同樣的效果
解決：IE不認(rèn)識(shí)min-和max-，實(shí)際IE認(rèn)為min-width、max-width和width效果一樣，可以用下面方法解決
- #cctext{
- min-width:700px;
- max-width:1000px;
- width:expression(document.body.clIEntWidth<700?"700px":document.body.clIEntWidth>1000?"1000px":"auto");
- }
6、!important支持
問(wèn)題：ff支持IE不支持
解決：無(wú)。IE會(huì)忽略。
7、游標(biāo)狀態(tài)
問(wèn)題：cursor:hand;僅IE支持，顯示手指狀態(tài)
解決：使用cursor:pointer;IE和ff都支持
8、實(shí)際像素
IE/Opera：對(duì)象的實(shí)際寬度=(margin-left)+width+(margin-right)
Firefox/Mozilla：對(duì)象的實(shí)際寬度=(margin-left)+(border-left-width)+(padding-left)+width+(padding-right)+(border-right-width)+(margin-right)
所以排列好及列的表格時(shí)IE和ff顯示寬度稍有區(qū)別
文章來(lái)源:Div-Css.net設(shè)計(jì)網(wǎng)參考:http://www.div-css.net/div_css/topic/index.asp?id=7162
【編輯推薦】
