怎么用一行代碼解決CSS各種IE各種兼容問題

<meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"/>

X-UA-Compatible：是針對ie8新加的一個設置，對于ie8之外的瀏覽器是不識別的，這個區(qū)別與 content="IE=7"在無論頁面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7 的標準模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對于多數網站來說，它是首選的兼容性模式。為了避免制作出的頁面在IE8下面出現錯誤，建議直接將IE8使用IE7進行渲染。也就是直接在頁面的header的meta標簽中加入如下代碼：<meta http-equiv="X-UA-Compatible" content="IE=7" />這樣我們才能使得頁面在IE8里面表現正常！

IE=6/7/8.... 指定特定版本內核

IE=edge： 默認使用最新

這是一個，文檔兼容模式的定義。Edge 模式告訴 IE 以最高級模式渲染文檔，也就是任何 IE 版本都以當前版本所支持的最高級標準模式渲染，避免版本升級造成的影響。簡單的說，就是什               么版本 IE 就用什么版本的標準模式渲染。

chrome=1：如果有裝chrome就使用chrome的內核。使用以下代碼強制 IE 使用 Chrome Frame 渲染<meta http-equiv="X-UA-Compatible" content="chrome=1">

 Google 官方提供了對 Google Frame 插件安裝情況的檢測，這里直接調用方法即可，如果檢測到 IE 并未安裝 Google Frame，則彈出對話框提示安裝。
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script><script>CFInstall.check();</script>
 提示 IE 用戶安裝 Google Frame

最佳的兼容模式方案，結合考慮以上兩種：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 

IE的兼容性問題 :

在早起IE8之前，那個時候IE瀏覽器還屬于比較獨大的情況，那個時候他有很多東西是和網絡的Standard不太一樣。譬如他有自己才看的懂得自定義Tag。作為那個時代，很多網站都是以那個時候的IE作為目標瀏覽器去寫的網頁。

隨著時間的進步，微軟意識到自己搞自己的是不行的，需要跟Web Standard一樣，慢慢的以前那些舊的只屬于IE有的東西就在新的IE里面沒有了。

但是為了以前瀏覽器而設計的網站要怎么辦？他們就處于很尷尬的局面，因為如果不支持很多舊網站除了會跑版以外最要命是有些功能都會有問題。

為了解決這個問題，微軟在IE8以后加入了所謂的兼容性模式，也就是能夠在舊的網站使用兼容性模式瀏覽，而一切正常，而到比較新的網站就用正常模式瀏覽。

聽起來很棒，有問題的舊網站使用IE 兼容模式，新網站使用正常模式。但是這個有一個前提，那就是使用者要知道兼容性模式的意義和如何切換。

 另外還有一起其他的解決方案，

例如google的ie7 – js中是一個JavaScript庫（解決IE與W3C標準的沖突的JS庫），使微軟的Internet Explorer的行為像一個Web標準兼容的瀏覽器，支持更多的W3C標準，支持CSS2、CSS3選擇器。它修復了許多的HTML和CSS問題，并使得透明PNG在IE5、IE6下正確顯示。

使IE5,IE6兼容到IE7模式（推薦）

<!–[if lt IE 7]>

<script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript”></script>

<![endif]–>

最新評論