【分享】讓網站在IE8的兼容模式下運行


    IE瀏覽器的兼容性一直是網站開發人員頭疼的事情,眾所周知,微軟的Internet Explorer團隊一直在致力於將IE8打造為最符合業內標准的瀏覽器,所不幸的是,當前並非所有的網站都符合這些標准。那如何讓網站在IE8的兼容模式下運行呢。下面介紹幾種常用的方法,希望能給網站開發人員解決這樣的問題。

第一種方法:

你可以將你網站中所有的頁面都加上meta標記,在這里添加兼容性標簽后,只對當前頁面有用,而且必須是在head標簽內部,同時也必須是在其他css樣式定義或者鏈接的前面,否則不會產生效果的。示例代碼如下:

view plaincopy to clipboardprint?
01.<html>   
02.     <head>           
03.     <title>我的網頁</title>   
04.        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />   
05.     </head>   
06.     <body>   
07.        <p>內容在此處。</p>   
08.     </body>   
09. </html>  
<html>
     <head>        
     <title>我的網頁</title>
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
     </head>
     <body>
        <p>內容在此處。</p>
     </body>
 </html>

第二種方法:

這是網上介紹的另外一種方法,本人親自測試,不管用,后來看到這篇文章,可能是由於我的IIS版本可能不是II7的原因)

http://blogs.msdn.com/b/webtopics/archive/2008/09/05/configuring-iis-to-work-around-webpage-display-issues-caused-by-internet-explorer-8-0.aspx

在站點的配置文件中,修改web.config文件,使得該網站能夠兼容,示例代碼如下:

view plaincopy to clipboardprint?
01.<configuration>   
02.   <system.webServer>   
03.     <httpProtocol>   
04.       <customHeaders>   
05.         <clear />   
06.         <add name="X-UA-Compatible" value="IE=EmulateIE7" />   
07.       </customHeaders>   
08.     </httpProtocol>   
09.  <system.webServer>   
10.</configuration>    
 <configuration>
    <system.webServer>
      <httpProtocol>
        <customHeaders>
          <clear />
          <add name="X-UA-Compatible" value="IE=EmulateIE7" />
        </customHeaders>
      </httpProtocol>
   <system.webServer>
 </configuration> 

第三種方法:


配置IIS,添加HTTP Header。就是在服務器級別對當前服務器做設置,使得服務器下面所有的站點都能夠與IE8兼容性,這是推薦的做法,通過在服務器的配置花的時間最少,由於是整個服務器起作用,因此能很好的解決潛在的兼容性問題。

 

 


具體設置可以參考以下資料:

1、IIS,http://msdn.microsoft.com/zh-cn/library/cc817572.aspx

2、Apache,http://msdn.microsoft.com/zh-cn/library/cc817573.aspx

另外,其他資料:

如果你的網站運行在Apache環境下,下面這篇文章詳細介紹了如何進行配置。

http://blogs.msdn.com/hanuk/archive/2008/08/28/apache-httpd-configuration-for-ie7-standard-mode-rendering-in-ie8.aspx

有關更多IE8兼容模式的信息可以訪問微軟的官方網站:

http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx

CSDN博客,轉載請標明出處:http://blog.csdn.net/kingboy2008/archive/2011/07/01/6578771.aspx

 

作者:靈雨飄零 



注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com