DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 使用X-UA-Compatible來設置IE8兼容模式
使用X-UA-Compatible來設置IE8兼容模式
編輯:CSS詳解     

你對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透明度
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved