輕松解決IE7和IE8的CSS兼容性BUG
本文和大家重點(diǎn)討論一下CSS兼容：如何解決IE7和IE8的BUG，CSS兼容問(wèn)題已經(jīng)是CSS網(wǎng)頁(yè)布局技術(shù)中的重要組成部分，隨著IE8的越來(lái)越廣泛的安裝應(yīng)用，對(duì)IE7和IE8的兼容問(wèn)題，也頗受關(guān)注。
CSS兼容：如何解決IE7和IE8的BUG
CSS兼容問(wèn)題已經(jīng)是CSS網(wǎng)頁(yè)布局技術(shù)中的重要組成部分，也讓廣大的CSSer大為頭疼，雖然52CSS.com介紹過(guò)不少相關(guān)的知識(shí)與技巧，但是隨著IE8的越來(lái)越廣泛的安裝應(yīng)用，對(duì)IE7和IE8的兼容問(wèn)題，也頗受關(guān)注。
在以前的文章中52CSS.com向大家說(shuō)明，IE8會(huì)是福音還是又一個(gè)光環(huán)據(jù)稱全面兼容標(biāo)準(zhǔn)。
今天向大家介紹如何解決IE7和IE8的兼容性問(wèn)題。
微軟在IE8提供三種解析頁(yè)面的模式
◆IE8StandardModes：默認(rèn)的最標(biāo)準(zhǔn)的模式，嚴(yán)格按照W3C相關(guān)規(guī)定
◆IE7StandardsModes：IE7現(xiàn)在用的解析網(wǎng)頁(yè)的模式，開(kāi)起機(jī)關(guān)是在<head>中加入<metahttp-equiv="X-UA-Compatible"content="IE=7">
◆QuirksModes：IE5用的解析網(wǎng)頁(yè)的模式，開(kāi)起機(jī)關(guān)是刪除HTML頂部的DOCTYPE聲明
注意：不同模式間的網(wǎng)頁(yè)在IE8中可以互相frame，因此因不會(huì)模式下的DOM和CSS渲染不一樣，所以會(huì)引發(fā)很多問(wèn)題，務(wù)必注意如果你的頁(yè)面對(duì)IE7兼容沒(méi)有問(wèn)題，又不想大量修改現(xiàn)有代碼，同時(shí)又能在IE8中正常使用，微軟聲稱，開(kāi)發(fā)商僅需要在目前兼容IE7的網(wǎng)站上添加一行代碼即可解決問(wèn)題，此代碼如下：
ExampleSourceCode
- <metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=7"/>
◆IE8***csshack：
"\9" 例:"margin:0pxauto\9;".這里的"\9"可以區(qū)別所有IE和FireFox.
"*" IE6、IE7可以識(shí)別.IE8、FireFox不能.
"_" IE6可以識(shí)別"_",IE7、IE8、FireFox不能.
【編輯推薦】
- CSS兼容：如何解決IE7和IE8兼容性問(wèn)題
- 微軟官方推薦IE7 IE8 CSS兼容性***解決方案
- IE8兼容性問(wèn)題的兩大快速解決辦法
- 微軟發(fā)布升級(jí)版IE8Beta2瀏覽器 新特性敬請(qǐng)關(guān)注
- 技術(shù)前沿 DIV+CSS布局網(wǎng)頁(yè)對(duì)網(wǎng)站SEO的影響
