IE 9-10의 스타일 적용

저는 Angular 2 앱을 코딩하고 있습니다. 저는 IE 9-10의 CSS로 커버해야합니다. 나머지는 flexbox 레이아웃이 있습니다. 그러나 나는 특별히 flex-box 스타일이 아닌 IE 9-10을 커버해야합니다. index.html에서 조건부 태그를 사용하여이 작업을 수행하는 방법을 보았지만 특정 IE 9 및 IE 10에만 적용됩니다. 또한 @supports (display : flex)는 해당 IE에서 지원되지 않습니다. 어떤 옵션이 있습니까? 나는 IE11에 대한 flexbox scss도 유지하고 싶다. 동시에 IE 9-10에 대한 대안이 있습니다. 모든 제안 및 권장 사항은 높이 평가 될 것입니다.IE 9-10의 스타일 적용

출처

2017-09-21 Ivan

이 경우 브라우저를 찾을 수 있으며 IE이면 특정 클래스를 적용하고 스크립트로 적용한 클래스를 사용하여 기존 (flexbox를 테이블로) CSS를 덮어 씁니다. 이것은 당신을 도울 수 있습니다, 나는 잘하고있는 프로젝트 중 하나에서 해왔습니다. –

@SatheeshKumar 브라우저를 감지하고 적용하기 위해 어떤 접근 방식을 사용 했습니까? 나는 전략이 무엇을 의미합니까? 감사! – Ivan

@Ivan 아래의 스크립트 (jquery)를 사용하여 브라우저를 감지하고 클래스를 적용 할 수 있습니다.

//Jquery 


 if ($.browser.msie && $.browser.version <= 6){ 


 alert('IE 6 or below version'); 

  } 



if ($.browser.msie && $.browser.version > 6){ 

 alert('IE above 6'); 

 } 



});

출처

2017-09-22 01:11:37

정말 고마워요! 도와 주셔서 정말 고맙습니다. 다행히 현재 프로젝트에서 이전 IE를 지원할 필요는 없습니다. – Ivan

당신은 @Ivan을 환영합니다. –

내 대답이 맞으면 바로 표시하십시오 :), 감사합니다. –

IE 9-10의 스타일 적용

답변

관련 문제