IE10 랜더링 문제 해결 방안

Internet Explorer

by 탑~! 2013. 5. 28. 14:50

기존에도 IE10에 대한 호환성 확보 관련 글을 쓴적 있네요. 암튼 문제입니다. IE10

1. 웹 페이지에서 메타 태그를 추가합니다. 페이지 수가 적을 경우 권장합니다.
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
<title>My Web Page</title>
</head>
<body>
<p>Content goes here.</p>
</body>
</html>

2. 웹 서버에서 커스텀 헤더에 지정합니다. 대량의 페이지를 한꺼번에 적용할 경우 권장합니다.
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
  <httpProtocol>
   <customHeaders>
    <clear />
    <add name="X-UA-Compatible" value="IE=EmulateIE9">
   </customHeaders>
  </httpProtocol>
</system.webServer>
</configuration>

3. 버전체크 javascript
<script type="text/javascript">
    function getInternetExplorerVersion()   // Returns the version of Internet Explorer or a -1 for other browsers.
   {
      var rv = -1;
      if(navigator.appName == 'Microsoft Internet Explorer')     {
           var ua = navigator.userAgent;
           varre = newRegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
           if(re.exec(ua) != null)
                      rv = parseFloat( RegExp.$1 );
       }
      return rv;
}

function onLoad()   {     var version = GetInternetExplorerVersion()
    if (version <= 7 && version > -1)     {       // Code to run in Internet Explorer 7 or earlier.
                ..............
    }
}
</script>

[출처] IE10 랜더링 문제 해결 방안|작성자 북벽의 꿈

저작자표시 비영리 변경금지

'Internet Explorer' 카테고리의 다른 글

IE User Agent 값 위치 (0)	2013.10.29
IE 신뢰사이트 (0)	2012.03.30
ProtectedModeHelper (0)	2012.03.30
IE Protected Mode 해제 (0)	2012.03.30
IE 보호 모드에서 비보호 모드 프로세스 실행 (0)	2012.03.30