你對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裡面表現正常!
【編輯推薦】