解決各種IE兼容問題,IE6,IE7,IE8,IE9,IE10

x-ua-compatible 頭標籤大小寫不敏感,必須用在 head 中,必須在除 title 外的其他 meta 之前使用。
1、使用一行代碼來指定瀏覽器使用特定的文檔模式。
<meta http-equiv="x-ua-compatible" content="IE=9" >
<meta http-equiv="x-ua-compatible" content="IE=8" >
<meta http-equiv="x-ua-compatible" content="IE=7" >

 
2、在一些情況下,我們需要限定瀏覽器對文檔的解析到某一特定版本,或者將瀏覽器限定到一些舊版本的表現中。可以用如下的方式:
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

 
使用這種寫法,瀏覽器或者使用標準模式進行解析,或者使用 IE5 Quirks 模式進行解析。
 
3、爲了測試,我們也可以使用下面的語句指定瀏覽器按照最高的標準模式解析頁面。
<meta http-equiv="x-ua-compatible" content="IE=edge" >
 
4、多個模式的指定。我們可以用逗號分割多個版本,這種情況下,瀏覽器會從這個列表中選擇一個他所支持的最高版本來使用標準模式進行渲染。如下面的例子,在IE8進行瀏覽時,將會使用IE7的標準模式進行渲染,因爲他本身不支持IE9和IE10。
<meta http-equiv="x-ua-compatible" content="IE=7,9,10" >
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章