針對(duì)IE瀏覽器的兼容問(wèn)題小結(jié)

怎么用一行代碼解決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ì)話框提示安裝。
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script><script>CFInstall.check();</script>
提示 IE 用戶安裝 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)瀏覽器去寫的網(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]–>
相關(guān)文章
- 瀏覽器兼容性問(wèn)題總是讓人很頭疼,這里介紹幾個(gè)技巧來(lái)避免這個(gè)問(wèn)題,需要的朋友可以參考下2017-04-08
- 下面小編就為大家?guī)?lái)一篇兼容主流瀏覽器的CSS透明代碼(必看篇)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-18
- 下面小編就為大家?guī)?lái)一篇淺談瀏覽器的兼容性(必看篇)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-25
關(guān)于遇到的瀏覽器兼容問(wèn)題及應(yīng)對(duì)方法(推薦)
下面小編就為大家?guī)?lái)一篇關(guān)于遇到的瀏覽器兼容問(wèn)題及應(yīng)對(duì)方法(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-20淺談?dòng)龅降膸讉€(gè)瀏覽器兼容性問(wèn)題
這篇文章主要介紹了淺談?dòng)龅降膸讉€(gè)瀏覽器兼容性問(wèn)題,詳細(xì)的介紹了幾種我遇到的問(wèn)題和解決方式,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-09-26