IE8兼容性問(wèn)題的快速解決方案
為了實(shí)現(xiàn)IE8兼容基于其它網(wǎng)頁(yè)標(biāo)準(zhǔn)開發(fā)的網(wǎng)站,IE8還專門提供了“兼容性視圖”功能。當(dāng)IE8檢測(cè)到某網(wǎng)站不兼容時(shí),地址欄右側(cè)就會(huì)出現(xiàn)兼容性視圖按鈕,出現(xiàn)問(wèn)題只需輕輕一點(diǎn),大部分網(wǎng)頁(yè)顯示就會(huì)正常了。
IE8兼容性問(wèn)題的快速解決辦法
IE8終于出來(lái)了,可是讓人頭痛的是,原來(lái)好好的頁(yè)面怎么變得亂七八糟了。不要急,其實(shí)出現(xiàn)網(wǎng)頁(yè)顯示問(wèn)題,一般不是您的電腦或者瀏覽器有問(wèn)題,而是由于各網(wǎng)站開發(fā)標(biāo)準(zhǔn)不同,所以在不同的瀏覽器上打開時(shí)就可能出現(xiàn)頁(yè)面顯示問(wèn)題。
為了減少這類影響您網(wǎng)頁(yè)瀏覽體驗(yàn)的情況出現(xiàn),IE8不僅采用了國(guó)際通用的網(wǎng)頁(yè)開發(fā)標(biāo)準(zhǔn)——W3C標(biāo)準(zhǔn)(WorldWideWebConsortium即萬(wàn)維網(wǎng)聯(lián)盟標(biāo)準(zhǔn)),并且為了實(shí)現(xiàn)IE8兼容基于其它網(wǎng)頁(yè)標(biāo)準(zhǔn)開發(fā)的網(wǎng)站,IE8還專門提供了“兼容性視圖”功能。當(dāng)IE8檢測(cè)到某網(wǎng)站不兼容時(shí),地址欄右側(cè)就會(huì)出現(xiàn)兼容性視圖按鈕,出現(xiàn)問(wèn)題只需輕輕一點(diǎn),大部分網(wǎng)頁(yè)顯示就會(huì)正常了。而且您還不用擔(dān)心每次都需要這么操作,為了不影響您的上網(wǎng)體驗(yàn),事實(shí)上在您點(diǎn)過(guò)兼容性視圖按鈕后,這個(gè)網(wǎng)站將會(huì)被自動(dòng)保存到兼容性列表中,下次您再登錄這個(gè)頁(yè)面,IE8會(huì)自動(dòng)啟用兼容性視圖。
當(dāng)然IE8還為您提供了一個(gè)一勞永逸的辦法,您可以通過(guò)簡(jiǎn)單的設(shè)置,將所有的網(wǎng)站都用IE8兼容性視圖方式顯示。點(diǎn)擊IE右側(cè)的“工具”按鈕,選擇“兼容性視圖設(shè)置”,在彈出的對(duì)話框中,勾選“在兼容性視圖中顯示所有網(wǎng)站”,這樣就可以避免由于兼容性而造成的頁(yè)面顯示問(wèn)題的出現(xiàn)了!
如果你是站長(zhǎng),發(fā)現(xiàn)自己網(wǎng)站在IE8瀏覽下出現(xiàn)不正常顯示的情況,該怎么辦了?下面告訴你兩個(gè)方法?!?/p>
1、在網(wǎng)頁(yè)里面加入這行代碼就可以使IE8使用兼容視圖:
- <metahttp-equivmetahttp-equiv="X-UA-Compatible"
- content="IE=EmulateIE7"/>
代碼示例:
- <html>
- <head>
- <!--UseIE7mode-->
- <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
- <title>MyWebPage</title>
- </head>
- <body>
- <p>Contentgoeshere.</p>
- </body>
- </html>
覺(jué)得寫代碼比較麻煩就可以直接在“HTTP頭”那個(gè)標(biāo)簽,添加自定義HTTP頭,自定義HTTP頭名為X-UA-Compatible,自定義HTTP頭值為IE=EmulateIE7,確定后,應(yīng)用就可以了。
2、如果你覺(jué)得在每個(gè)頁(yè)面加入這段代碼比較麻煩,現(xiàn)在介紹一種更簡(jiǎn)便的方法。如果你用的是IIS服務(wù)器,可以配置Web.config文件:
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <configuration>
- <system.webServer>
- <httpProtocol>
- <customHeaders>
- <clear/>
- <addnameaddname="X-UA-Compatible"value="IE=EmulateIE7"/>
- </customHeaders>
- </httpProtocol>
- </system.webServer>
- </configuration>
如果用的是Apache服務(wù)器,可以配置httpd.conf文件:
- LoadModuleheaders_modulemodules/mod_headers.so
- HeadersetX-UA-Compatible“IE=EmulateIE7”
以上是使所有的網(wǎng)頁(yè)都使用IE8兼容視圖。如果只想讓個(gè)別目錄下的文件用兼容視圖,在下設(shè)置:
- HeadersetX-UA-Compatible“IE=EmulateIE7”
【編輯推薦】
- JavaScript巧解IE6至IE8兼容問(wèn)題
- 技術(shù)分享 如何使用IE8兼容性視圖表示頁(yè)面
- 網(wǎng)頁(yè)排版中IE6,IE7,F(xiàn)irefox瀏覽器兼容性寫法
- CSS兼容:如何解決IE7和IE8兼容性問(wèn)題
- Firefox、IE7、IE6瀏覽器兼容問(wèn)題概念解析