HTML X-UA 호환 태그가 IE 9에서 작동하지 않습니다.

문서 모드가 이미 완료 되었기 때문에 X-UA 호환 META 태그 ('IE = 7')가 무시되었습니다.HTML X-UA 호환 태그가 IE 9에서 작동하지 않습니다.

내가 수정 한 점은 메타 태그가 head 태그에서 충분히 높게 선언되지 않았지만이 메타 태그를 헤드 태그의 첫 번째 줄로 이동하려고 시도했지만 수정하지 않은 것입니다. 오류.

Grails .gsp 파일에서 작업 중이며 파일 또한 knockout js를 사용합니다.

<!doctype html> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> 
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> 
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> 
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]--> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>myInfinitec Membership Management</title> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <link rel="shortcut icon" href="/ucpmanagementportal/static/images/favicon.ico" type="image/x-icon"> 

    <meta name="layout" content="main"/> 




     <script src="/ucpmanagementportal/static/plugins/jquery-1.7.1/js/jquery/jquery-1.7.1.min.js" type="text/javascript" ></script> 
<link href="/ucpmanagementportal/static/bundle-bundle_coreCSS_head.css" type="text/css" rel="stylesheet" media="screen, projection" /> 



    </head>

편집 : "텍스트 ˁ 빈 텍스트 노드"라인은 모든 라인 사이에 생성되는이있는 IE 개발자 창에서

여기에 관련 코드입니다. 아마도 이것은 X-UA 호환 메타 태그 앞에 뭔가있는 것으로 간주됩니다. 나는 그 수정이 display : block과 zoom : 1을 영향을받는 요소들에 추가하는 것이지만 이것은 작동하지 않는다는 것을 읽었다.

<head> 
Text - Empty Text Node 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
Text - Empty Text Node 
<meta style="display: block; zoom: 1;" http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
Text - Empty Text Node

출처

2012-07-09 Jimmy Burgess

x-ua 호환 속성이 가장자리로 설정되어 있습니까? – StuartLC

대신 무엇을 설정해야합니까? –

당신의 질문을 이해한다면 IE 7 호환성이 필요합니다. IE = 7, chrome = 1이 될 것입니다. 아마도 다른 곳에서 소개 된 또 다른 x-ua 호환이 있습니까? – StuartLC

좋아 아니라 내 문제는 내가 설명 된 오류와는 아무 상관이없는 것으로 밝혀졌다하지만 나는 내 문제를 해결 : 여기 설명하고있는 무슨의 예입니다. IE의 캐싱 ajax 호출로 인해 오류가 발생했으며 jQuery.ajaxSetup ({cache : false})을 추가하여 문제를 해결할 수있었습니다.

출처

2012-07-09 18:32:37

이것은 나에게 효과가 없었습니다. 내가 발견 한 수정 사항은 각 컨트롤러의 인터셉터 이전에 X-UA 호환 값을 추가하는 것이 었으며 매번 작동하도록 만들었습니다. 예를 들어, 내가 가진 각 컨트롤러에서

def beforeInterceptor = [action : this.&setBrowserCompat] 

private setBrowserCompat(){ 
response.addHeader("X-UA-Compatible", "IE=edge") 
}

이것은 항상 작동하는 것처럼 보입니다. 희망이 있으시면

출처

2013-08-26 13:36:41 user1032951

HTML X-UA 호환 태그가 IE 9에서 작동하지 않습니다.

답변

관련 문제