一行代(dài)碼(mǎ)解(jiě)決(jué)各種IE兼容(róng)問題 IE6/IE7/IE8/IE9/IE10
在(zài)網站(zhàn)開發中不(bù)免因為各(gè)種(zhǒng)兼容問題(tí)苦(kǔ)惱，針對(duì)兼容(róng)問題，其實(shí)IE給(gěi)出了(liǎo)解決(jué)方案Google也(yě)給(gěi)出了解(jiě)決方(fāng)案
百度也(yě)應(yīng)用了這種(zhǒng)方案(àn)去(qù)解(jiě)決IE的(dí)兼容(róng)問題(tí)
百度源代(dài)碼如(rú)下
1. <!Doctype HTML>
2. <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>
3. <head>
4. <meta http-equiv=Content-Type content=“text/html;charset=utf-8″>
5. <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
6. <title>百(bǎi)度一下(xià)，你(nǐ)就知道 </title>
7. <script>var wpo={start:new Date*1,pid:109,page:‘superpage’}</script>
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
可以(yǐ)打(dǎ)開(kāi)百(bǎi)度(dù)，右鍵查看(kàn)源(yuán)碼(mǎ)看(kàn)下(xià)！我們(mén)可(kě)以看下(xià)文件頭(tóu)是(shì)否存(cún)在(zài)這樣一行(háng)代碼！
這句話的意思(sī)是強製使用IE7模(mó)式(shì)來解析網頁代(dài)碼！
在這裏(lǐ)送上(shàng)幾種IE使用模式！
1. <meta http-equiv=“X-UA-Compatible” content=“IE=8″>
2. Google Chrome Frame也可以讓IE用(yòng)上Chrome的(dí)引(yǐn)擎(qíng):
1. <meta http-equiv=“X-UA-Compatible” content=“chrome=1″ />
3.強製(zhì)IE8使用IE7模(mó)式來解析(xī)
1. <meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –>
2. //或者(zhě)
3. <meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –>
4.強(qiáng)製(zhì)IE8使用IE6或(huò)IE5模(mó)式來解析
1. <meta http-equiv=“X-UA-Compatible” content=“IE=6″><!– IE6 mode –>
2.
3. <meta http-equiv=“X-UA-Compatible” content=“IE=5″><!– IE5 mode –>
5.如果一個(gè)特定(dìng)版本(běn)的IE支持所要求的(dí)兼(jiān)容性(xìng)模式(shì)多於一種(zhǒng)，如：
1. <meta http-equiv=“X-UA-Compatible” content=“IE=5; IE=8″ />
二.設定(dìng)網(wǎng)站服(fú)務器以指定預設兼容性模(mó)式
如果(guǒ)服務器是(shì)自(zì)己(jǐ)的(dí)話(huà)，可以在服務(wù)器(qì)上定義一個(gè)自訂(dìng)標(biāo)頭來(lái)為(wéi)它們的網站預設(shè)一(yī)個特定的(dí)文(wén)件兼容(róng)性模式。這個特定(dìng)的方(fāng)法取決於(yú)你(nǐ)的(dí)網站(zhàn)服務器(qì)。
錄入，下列(liè)的(dí) web.config文件(jiàn)使Microsoft Internet Information Services (IIS)能(néng)定義一個自訂標頭以(yǐ)自(zì)動(dòng)使用IE7 mode來(lái)編譯(yì)所有(yǒu)網頁。
另外(wài)還(huán)有(yǒu)一起(qǐ)其(qí)他(tā)的解決(jué)方案(àn)，例如(rú)google的
ie7 – js中是一個JavaScript庫（解(jiě)決(jué)IE與W3C標準(zhǔn)的衝(chōng)突的JS庫(kù)），使(shǐ)微(wēi)軟(ruǎn)的Internet Explorer的(dí)行為像一(yī)個(gè)Web標準兼(jiān)容(róng)的(dí)瀏覽器(qì)，支持(chí)更多(duō)的W3C標準(zhǔn)，支(zhī)持(chí)CSS2，CSS3選擇器。它修(xiū)復了許(xǔ)多的HTML和CSS問(wèn)題(tí)，並使得透明(míng)PNG在(zài)IE5，IE6下正確顯(xiǎn)示(shì)。
使IE5,IE6兼(jiān)容(róng)到(dào)IE7模式（推薦(jiàn)）
1. <!–[if lt IE 7]>
2. <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript”></script>
3. <![endif]–>
使IE5,IE6,IE7兼容(róng)到(dào)IE8模(mó)式
1. <!–[if lt IE 8]>
2. <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js” type=”text/javascript”></script>
3. <![endif]–>
使IE5,IE6,IE7,IE8兼(jiān)容(róng)到IE9模(mó)式
1. <!–[if lt IE 9]>
2. <script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
3. <![endif]–>
解決PNG顯(xiǎn)示問題(tí)
隻需將(jiāng)透明png圖(tú)片命(mìng)名(míng)為*-trans.png
需要(yào)注(zhù)意(yì)的是：此方法對背景(jǐng)平(píng)鋪(pū)(background-repeat)和背(bèi)景(jǐng)(background-position)無法(fǎ)起(qǐ)到(dào)任何(hé)作用(yòng),默認會(huì)占滿(mǎn)整(zhěng)個(gè)容器
轉載請(qǐng)保留原文地(dì)址: https://antelcom.cn/show-428.html