怎么用一行代碼解決CSS各種IE各種兼容問(wèn)題

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

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

IE=6/7/8.... 指定特定版本內(nèi)核

IE=edge： 默認(rèn)使用最新

這是一個(gè)，文檔兼容模式的定義。Edge 模式告訴 IE 以最高級(jí)模式渲染文檔，也就是任何 IE 版本都以當(dāng)前版本所支持的最高級(jí)標(biāo)準(zhǔn)模式渲染，避免版本升級(jí)造成的影響。簡(jiǎn)單的說(shuō)，就是什               么版本 IE 就用什么版本的標(biāo)準(zhǔn)模式渲染。

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

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

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

IE的兼容性問(wèn)題 :

在早起IE8之前，那個(gè)時(shí)候IE瀏覽器還屬于比較獨(dú)大的情況，那個(gè)時(shí)候他有很多東西是和網(wǎng)絡(luò)的Standard不太一樣。譬如他有自己才看的懂得自定義Tag。作為那個(gè)時(shí)代，很多網(wǎng)站都是以那個(gè)時(shí)候的IE作為目標(biāo)瀏覽器去寫(xiě)的網(wǎng)頁(yè)。

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

但是為了以前瀏覽器而設(shè)計(jì)的網(wǎng)站要怎么辦？他們就處于很尷尬的局面，因?yàn)槿绻恢С趾芏嗯f網(wǎng)站除了會(huì)跑版以外最要命是有些功能都會(huì)有問(wèn)題。

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

聽(tīng)起來(lái)很棒，有問(wèn)題的舊網(wǎng)站使用IE 兼容模式，新網(wǎng)站使用正常模式。但是這個(gè)有一個(gè)前提，那就是使用者要知道兼容性模式的意義和如何切換。

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

例如google的ie7 – js中是一個(gè)JavaScript庫(kù)（解決IE與W3C標(biāo)準(zhǔn)的沖突的JS庫(kù)），使微軟的Internet Explorer的行為像一個(gè)Web標(biāo)準(zhǔn)兼容的瀏覽器，支持更多的W3C標(biāo)準(zhǔn)，支持CSS2、CSS3選擇器。它修復(fù)了許多的HTML和CSS問(wèn)題，并使得透明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]–>