你對(duì)IE兼容設(shè)置的方法是否熟悉，這里和大家分享一下使用X-UA-Compatible來(lái)設(shè)置IE8兼容模式，X-UA-Compatible是針對(duì)IE8新加的一個(gè)設(shè)置，但是對(duì)于IE8之外的瀏覽器是不識(shí)別的。

使用X-UA-Compatible來(lái)設(shè)置IE8兼容模式

X-UA-Compatible是針對(duì)IE8新加的一個(gè)設(shè)置，對(duì)于IE8之外的瀏覽器是不識(shí)別的，這個(gè)區(qū)別與content=”IE=7″在無(wú)論頁(yè)面是否包含<!DOCTYPE>指令，都像是使用了WindowsInternetExplorer7的標(biāo)準(zhǔn)模式。而content=”IE=EmulateIE7″模式遵循<!DOCTYPE>指令。對(duì)于多數(shù)網(wǎng)站來(lái)說(shuō)，它是***的兼容性模式。

目前IE8尚在測(cè)試版中，所以為了避免制作出的頁(yè)面在IE8下面出現(xiàn)錯(cuò)誤，建議直接將IE8使用IE7進(jìn)行渲染。也就是直接在頁(yè)面的header的meta標(biāo)簽中加入如下代碼：

1.<metahttp-equiv=”X-UA-Compatible”content=”IE=5″/>
像是使用了WindowsInternetExplorer7的Quirks模式，這與WindowsInternetExplorer5顯示內(nèi)容的方式很相似。

2.<metahttp-equiv=”X-UA-Compatible”content=”IE=7″/>
無(wú)論頁(yè)面是否包含<!DOCTYPE>指令，都像是使用了WindowsInternetExplorer7的標(biāo)準(zhǔn)模式。

3.<metahttp-equiv=”X-UA-Compatible”content=”IE=8″/>

4.<metahttp-equiv=”X-UA-Compatible”content=”edge”/>
Edge模式通知WindowsInternetExplorer以***級(jí)別的可用模式顯示內(nèi)容，這實(shí)際上破壞了“鎖定”模式。

5.<metahttp-equiv=”X-UA-Compatible”content=”IE=EmulateIE7″/>
EmulateIE7模式通知WindowsInternetExplorer使用<!DOCTYPE>指令確定如何呈現(xiàn)內(nèi)容。標(biāo)準(zhǔn)模式指令以WindowsInternetExplorer7標(biāo)準(zhǔn)模式顯示，而Quirks模式指令以IE5模式顯示。與IE7模式不同，EmulateIE7模式遵循<!DOCTYPE>指令。對(duì)于多數(shù)網(wǎng)站來(lái)說(shuō)，它是***的兼容性模式。

附：今天又看到一篇譯文說(shuō)X-UA-Compatible不加時(shí)默認(rèn)被鎖定為IE7版本執(zhí)行。這樣我們才能使得頁(yè)面在IE8里面表現(xiàn)正常！

【編輯推薦】

1. IE7與IE8實(shí)現(xiàn)共存并非遙不可及
2. DIV層在IE6下被下拉框遮擋的解決方法
3. JavaScript巧解IE6至IE8兼容問(wèn)題
4. 深入探究IE8和IE7的24個(gè)區(qū)別
5. CSS中輕松實(shí)現(xiàn)Firefox與IE透明度