各種IE（IE6-IE10）相容問題一行程式碼搞定

本文主要介紹一行程式碼解決各種IE相容問題（IE6-IE10）的方法，是一個很不錯的方法，希望能幫助大家。

x-ua-compatible 用來指定IE瀏覽器解析編譯頁面的model

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" >

相關推薦：

如何結束關於IE 6、7、8中透明度的相容問題

解決js Date()日期函數瀏覽器相容問題

IE瀏覽器相容問題的幾點寫法分享