IE8兼容性問題的快速解決方案

作者：admin 2010-09-15 10:32:54

這里向大家描述一下IE8兼容性問題的快速解決辦法，由于各網站開發標準不同，所以在不同的瀏覽器上打開時就可能出現頁面顯示問題。

為了實現IE8兼容基于其它網頁標準開發的網站，IE8還專門提供了“兼容性視圖”功能。當IE8檢測到某網站不兼容時，地址欄右側就會出現兼容性視圖按鈕，出現問題只需輕輕一點，大部分網頁顯示就會正常了。

IE8兼容性問題的快速解決辦法

IE8終于出來了，可是讓人頭痛的是，原來好好的頁面怎么變得亂七八糟了。不要急，其實出現網頁顯示問題，一般不是您的電腦或者瀏覽器有問題，而是由于各網站開發標準不同，所以在不同的瀏覽器上打開時就可能出現頁面顯示問題。

為了減少這類影響您網頁瀏覽體驗的情況出現，IE8不僅采用了國際通用的網頁開發標準——W3C標準(WorldWideWebConsortium即萬維網聯盟標準)，并且為了實現IE8兼容基于其它網頁標準開發的網站，IE8還專門提供了“兼容性視圖”功能。當IE8檢測到某網站不兼容時，地址欄右側就會出現兼容性視圖按鈕，出現問題只需輕輕一點，大部分網頁顯示就會正常了。而且您還不用擔心每次都需要這么操作，為了不影響您的上網體驗，事實上在您點過兼容性視圖按鈕后，這個網站將會被自動保存到兼容性列表中，下次您再登錄這個頁面，IE8會自動啟用兼容性視圖。

　　當然IE8還為您提供了一個一勞永逸的辦法，您可以通過簡單的設置，將所有的網站都用IE8兼容性視圖方式顯示。點擊IE右側的“工具”按鈕，選擇“兼容性視圖設置”，在彈出的對話框中，勾選“在兼容性視圖中顯示所有網站”,這樣就可以避免由于兼容性而造成的頁面顯示問題的出現了!　

如果你是站長，發現自己網站在IE8瀏覽下出現不正常顯示的情況，該怎么辦了？下面告訴你兩個方法。　

1、在網頁里面加入這行代碼就可以使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>

覺得寫代碼比較麻煩就可以直接在“HTTP頭”那個標簽，添加自定義HTTP頭，自定義HTTP頭名為X-UA-Compatible，自定義HTTP頭值為IE=EmulateIE7，確定后,應用就可以了。

2、如果你覺得在每個頁面加入這段代碼比較麻煩，現在介紹一種更簡便的方法。如果你用的是IIS服務器，可以配置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服務器，可以配置httpd.conf文件:

LoadModuleheaders_modulemodules/mod_headers.so  
 
HeadersetX-UA-Compatible“IE=EmulateIE7”

以上是使所有的網頁都使用IE8兼容視圖。如果只想讓個別目錄下的文件用兼容視圖，在下設置：

HeadersetX-UA-Compatible“IE=EmulateIE7”

【編輯推薦】

JavaScript巧解IE6至IE8兼容問題
技術分享如何使用IE8兼容性視圖表示頁面
網頁排版中IE6，IE7，Firefox瀏覽器兼容性寫法
CSS兼容：如何解決IE7和IE8兼容性問題
Firefox、IE7、IE6瀏覽器兼容問題概念解析

責任編輯：佚名來源： hi.baidu.com

IE8兼容