Web2011. 4. 28. 18:30

호환성 모드를 제공하는데 문제는 그림에 보이는 부분을 클릭하기 전까지는 동작하지 않는다.





이와같은 불편을 해소하기 위해,
<head></head> 사이에 아래의 메타태그를 추가하면 된다.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

또한, 서버단의 HTTP Header 수정이 가능하다면,
"X-UA-Compatible"의 헤더값으로 "IE=EmulateIE7" 을 설정하면, 본문의 메타태그 없이 호환모드로 웹페이지가 랜더링된다.

또한, IIS7.0 혹은 IIS7.5, 그 이상의 IIS버젼에 대해서 ASP.NET의 web.config에 아래처럼 코드를 구성해도 된다.
<?xml version="1.0" encoding="utf-8"?>
<configuration>
 <system.webServer> 
  <httpProtocol> 
   <customHeaders>   
    <add name="X-UA-Compatible" value="IE=EmulateIE7">
   </customHeaders>
  </httpProtocol>
 </system.webServer>
</configuration>

강제 호환모드 적용하기 안내 페이지
http://msdn.microsoft.com/ko-kr/ie/cc405106.aspx

Posted by iWithJoy