DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> IE8兼容性問題的兩大快速解決辦法
IE8兼容性問題的兩大快速解決辦法
編輯:CSS詳解     

你對IE8兼容性問題的解決方法是否了解,這裡和大家簡單分享一下,當IE8檢測到某網站不兼容時,地址欄右側就會出現兼容性視圖按鈕,出現問題只需輕輕一點,大部分網頁顯示就會正常了。

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

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

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

如果你是站長,發現自己網站在IE8浏覽下出現不正常顯示的情況,該怎麼辦了?下面告訴你兩個IE8兼容性解決方法。 

1、在網頁裡面加入這行代碼就可以使IE8使用兼容視圖:

  1. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>

代碼示例:

  1. <Html>
  2. <head>
  3. <!--UseIE7mode-->
  4. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
  5. <title>MyWebPage</title>
  6. </head>
  7. <body>
  8. <p>Contentgoeshere.</p>
  9. </body>
  10. </Html>

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

2、如果你覺得在每個頁面加入這段代碼比較麻煩,現在介紹一種解決IE8兼容性問題更簡便的方法。如果你用的是IIS服務器,可以配置Web.config文件:

  1. <?XMLversionXMLversion="1.0"encoding="utf-8"?>
  2. <configuration>
  3. <system.webServer>
  4. <httpProtocol>
  5. <customHeaders>
  6. <clear/>
  7. <addnameaddname="X-UA-Compatible"value="IE=EmulateIE7"/>
  8. </customHeaders>
  9. </httpProtocol>
  10. </system.webServer>
  11. </configuration>

如果用的是apache服務器,可以配置httpd.conf文件:

LoadModuleheaders_modulemodules/mod_headers.so

HeadersetX-UA-Compatible“IE=EmulateIE7”

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

HeadersetX-UA-Compatible“IE=EmulateIE7”

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved