CSS兼容:如何兼容IE7和IE8
CSS兼容問題已經(jīng)是CSS網(wǎng)頁布局技術(shù)中的重要組成部分,在以前的文章中向大家說明了IE8會(huì)是福音還是又一個(gè)光環(huán)據(jù)稱全面兼容標(biāo)準(zhǔn),今天向大家介紹如何解決IE7和IE8的兼容性問題,希望對(duì)你的學(xué)習(xí)有所幫助。
CSS兼容:如何兼容IE7和IE8
CSS兼容問題已經(jīng)是CSS網(wǎng)頁布局技術(shù)中的重要組成部分,也讓廣大的CSSer大為頭疼,雖然51cto.com介紹過不少相關(guān)的知識(shí)與技巧,但是隨著IE8的越來越廣泛的安裝應(yīng)用,對(duì)IE7和IE8的兼容問題,也頗受關(guān)注。
在以前的文章中51cto.com向大家說明,IE8會(huì)是福音還是又一個(gè)光環(huán)據(jù)稱全面兼容標(biāo)準(zhǔn)。今天向大家介紹如何解決IE7和IE8的兼容性問題。
微軟在IE8提供三種解析頁面的模式
◆IE8StandardModes:默認(rèn)的最標(biāo)準(zhǔn)的模式,嚴(yán)格按照W3C相關(guān)規(guī)定
◆IE7StandardsModes:IE7現(xiàn)在用的解析網(wǎng)頁的模式,開起機(jī)關(guān)是在<head>中加入<metahttp-equiv="X-UA-Compatible"content="IE=7">
◆QuirksModes:IE5用的解析網(wǎng)頁的模式,開起機(jī)關(guān)是刪除HTML頂部的DOCTYPE聲明
注意:不同模式間的網(wǎng)頁在IE8中可以互相frame,因此因不會(huì)模式下的DOM和CSS渲染不一樣,所以會(huì)引發(fā)很多問題,務(wù)必注意如果你的頁面對(duì)IE7兼容沒有問題,又不想大量修改現(xiàn)有代碼,同時(shí)又能在IE8中正常使用,微軟聲稱,開發(fā)商僅需要在目前兼容IE7的網(wǎng)站上添加一行代碼即可解決問題,此代碼如下:
示例代碼
- <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不能.
【編輯推薦】