使用X-UA-Compatible來設置IE8兼容模式
你對IE兼容設置的方法是否熟悉,這里和大家分享一下使用X-UA-Compatible來設置IE8兼容模式,X-UA-Compatible是針對IE8新加的一個設置,但是對于IE8之外的瀏覽器是不識別的。
使用X-UA-Compatible來設置IE8兼容模式
X-UA-Compatible是針對IE8新加的一個設置,對于IE8之外的瀏覽器是不識別的,這個區(qū)別與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版本執(zhí)行。這樣我們才能使得頁面在IE8里面表現正常!
【編輯推薦】
- IE7與IE8實現共存并非遙不可及
- DIV層在IE6下被下拉框遮擋的解決方法
- JavaScript巧解IE6至IE8兼容問題
- 深入探究IE8和IE7的24個區(qū)別
- CSS中輕松實現Firefox與IE透明度