怎樣解決各種ie6-ie10的兼容問題

這次帶給大家怎樣解決各種ie6-ie10的兼容問題，解決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" >

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

HTML圖片的img標籤怎麼使用

HTML裡的name與id和class到底有什麼不同

HTML中如何使用html表單提交的動作

以上是怎樣解決各種ie6-ie10的兼容問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！