CSS兼容:解決IE6、IE7和IE8的兼容問題妙招
本文和大家重點(diǎn)討論一下CSS兼容:解決IE6、IE7和IE8的兼容問題妙招,本來網(wǎng)頁設(shè)計(jì)是件很有趣的事情,但是卻被這多余兼容工作傷腦筋,相信本文介紹一定會(huì)讓你有所收獲。
CSS兼容:解決IE6、IE7和IE8的兼容問題
CSS兼容_如何解決IE6、IE7和IE8的兼容問題,有時(shí)做網(wǎng)頁明明css樣式表是正常的但ie8不兼容,網(wǎng)頁顯示不正常,css如何兼容ie8呢,下面看解決辦法:
IE6、IE7、Firefox等瀏覽器的兼容性問題讓網(wǎng)頁設(shè)計(jì)師們大傷腦筋,本來網(wǎng)頁設(shè)計(jì)是件很有趣的事情,但是卻被這多余兼容工作傷腦筋,特別是讓人唾棄的IE6,多少人想讓它消失,可是它就是消失不了,微軟還說不會(huì)停止對(duì)IE6,真夠郁悶的。
現(xiàn)在呢,IE8正式版已經(jīng)出來一段時(shí)間了,不少網(wǎng)民被微軟的Update提示安裝上了IE8,這下又給設(shè)計(jì)師帶來了麻煩,還好微軟良心發(fā)現(xiàn),把IE8做得比較符合標(biāo)準(zhǔn),與其他標(biāo)準(zhǔn)瀏覽器區(qū)別不大,可是它還是與其他瀏覽器有區(qū)別的。
怎么辦呢?我一直在用IE6,不想用IE8,電腦里有個(gè)綠色版的IE6,還有綠色版的Firefox,對(duì)于網(wǎng)頁兼容測(cè)試,我用IE6、IE7、Firefox三個(gè)瀏覽器測(cè)試,因?yàn)闆]安裝IE8,所以一直沒能測(cè)試。
大家都知道,IE8是有兩種解析模式的,一種是IE8StandardModes:默認(rèn)的最標(biāo)準(zhǔn)的模式,嚴(yán)格按照W3C相關(guān)規(guī)定,一種是IE7StandardsModes:IE7現(xiàn)在用的解析網(wǎng)頁的模式。IE7還算是不錯(cuò)的瀏覽器,如果讓IE8瀏覽器自動(dòng)切換到IE7,IE6模式,那我們就不用為IE8布局兼容問題煩惱了,而這個(gè)開關(guān)只有一行代碼:
- <metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=7"/>
或者
- <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
或者
- <metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=6"/>
- 【這個(gè)是兼容IE6的】
其實(shí)就是比較霸道的讓ie8以ie7的標(biāo)準(zhǔn)或者是以ie6的標(biāo)準(zhǔn)去解析整個(gè)頁面!
在網(wǎng)頁的head里加入以上這段代碼,用IE8訪問時(shí)就會(huì)自動(dòng)切換到IE7模式,如果你的網(wǎng)站在IE7下顯示正常,那在IE8下也可以正常顯示了。加入這段代碼會(huì)不會(huì)影響其它的瀏覽器呢?不會(huì),X-UA-Compatible是針對(duì)ie8新加的一個(gè)設(shè)置,對(duì)于ie8之外的瀏覽器是不識(shí)別的,所以你就放心使用吧!就這樣一段代碼就可以讓你的網(wǎng)站輕松兼容IE8了。
【編輯推薦】
- IE與Firefox在獲得對(duì)象上的區(qū)別
- 微軟展示IE9瀏覽器 力推IE8將取代IE6市場(chǎng)
- 探究IE和Firefox下的2款HTTP調(diào)試工具用法
- Firefox和IE瀏覽器清除緩存方法揭秘
- 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法