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

使用X-UA-Compatible來設置IE8兼容模式

X-UA-Compatible是針對IE8新加的一個設置，對于IE8之外的瀏覽器是不識別的，這個區別與content=”IE=7″在無論頁面是否包含<!DOCTYPE>指令，都像是使用了WindowsInternetExplorer7的標準模式。而content=”IE=EmulateIE7″模式遵循<!DOCTYPE>指令。對于多數網站來說，它是***的兼容性模式。

目前IE8尚在測試版中，所以為了避免制作出的頁面在IE8下面出現錯誤，建議直接將IE8使用IE7進行渲染。也就是直接在頁面的header的meta標簽中加入如下代碼：

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

2.<metahttp-equiv=”X-UA-Compatible”content=”IE=7″/>
無論頁面是否包含<!DOCTYPE>指令，都像是使用了WindowsInternetExplorer7的標準模式。

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

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

5.<metahttp-equiv=”X-UA-Compatible”content=”IE=EmulateIE7″/>
EmulateIE7模式通知WindowsInternetExplorer使用<!DOCTYPE>指令確定如何呈現內容。標準模式指令以WindowsInternetExplorer7標準模式顯示，而Quirks模式指令以IE5模式顯示。與IE7模式不同，EmulateIE7模式遵循<!DOCTYPE>指令。對于多數網站來說，它是***的兼容性模式。

附：今天又看到一篇譯文說X-UA-Compatible不加時默認被鎖定為IE7版本執行。這樣我們才能使得頁面在IE8里面表現正常！

【編輯推薦】

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