IE의 '호환성 보기'

IE8 부터 등장한 '호환성 보기' 기능은 이전의 IE6, IE7 렌더링 엔진을 써서 웹페이지를 표시해주는 기능이다.
웹 표준에 맞게 작성되지 않은 과거 웹페이지를 그냥 임시방편으로 깨지지 않게 보여주도록 하는 기능인 것이다.
웹 표준에 맞춰서 작성된 페이지라면 신경 쓸 필요가 없고, IE가 자신의 페이지를 최신의 웹 표준 렌더링 엔진을 쓰도록 강제하려면 head 부분에 다음과 같이 설정을 한다.

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

다른 방법은 Apache의 .htaccess 파일이나 서버 설정에다 다음과 같은 HTTP Header 정보를 전달하도록 설정한다.

<IfModule mod_headers.c>
  Header set X-UA-Compatible "IE=Edge,chrome=1"
  # mod_headers can't match by content-type, but we don't want to send this header on *everything*...
  <FilesMatch "\.(js|css|gif|png|jpeg|pdf|xml|oga|ogg|m4a|ogv|mp4|m4v|webm|svg|svgz|eot|ttf|otf|woff|ico|webp|appcache|manifest|htc|crx|oex|xpi|safariextz|vcf)$" >
    Header unset X-UA-Compatible
  </FilesMatch>
</IfModule>

참고 페이지:

  - http://blogs.msdn.com/b/ie/archive/2008/08/27/introducing-compatibility-view.aspx

  - http://cssdesign.kr/forum/viewtopic.php?id=3693