Internet Explorer 8 호환성 문제

Question

나는 우아한 분해에서 상대적인 멍청이이며, 방금 살았던 사이트에서 몇 가지 팁을 원했습니다. 나는이 시점에서 레이아웃이 IE 8 또는 그 이하에서 완전히 깨 졌음을 알고 있으며 막대한 점검없이 작업을 수행하기 위해 내가 할 수있는 일이 얼마나 있는지 알고 싶었습니다.

http://unccti.org/unc-cti-ie8.png

이 같이 가정한다 : 같은

는 www.unccti.org

는 IE 8 일, 예를 들어, 보이는

http://unccti.org/unc-cti-modern.png

주요 문제는 오래된 브라우저에서 내용이 완전히 판독 할 수 없다는 것이고 일부 사용자는 실제로 이것이 실수로 '스타 일 리쉬'로 인식되기 위해 사이트가 의도 한 방식. 필자는 브라우저가 오래되었을 때 사용자에게 알려주는 스크립트를 포함 시켰지만 적어도 IE8에서 약간 기능적으로 사용할 수 있는지 알고 싶습니다. 나는 잃어버린 원인이라고 생각하고있다. 나는뿐만 아니라하지만 결과없이 시도 무엇

:

• normalize.css 및
• HTML5Shiv

는 당신의 도움을 주셔서 감사합니다.

Answer 1

그것의 더 단단하지 IE8IE8에 대한 괜찮은 모습을 달성하기 위해 많은 방법이 또한, 귀하의 웹 사이트의 레이아웃이 전부 수행하기가 매우 간단하다 해결합니다.

나는 웹 사이트를 만들고이 문제가 IE8

1) 일부 html5 태그 2) 일부 CSS3 속성

웹 사이트의 태그를 머리에 아래 추가 나쁜 볼 참조;

Respond.js Usage

<!--[if lt IE 8]> 
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 
<![endif]--> 

나는 웹 사이트가 IE8에서 훨씬 더 잘 바랍니다.또한, IE8 용 사용자 정의 스타일 시트를 추가 할 수 있으며,이를 효과적으로 수행 할 수 있습니다.

<!--[if lt IE 8]> 
     <link href="css/for-ie8-only.css" rel="stylesheet"> 
<![endif]--> 

마지막으로, 최소한 Modernizer을 사용하는 것이 좋습니다. html5/css3을 사용하는 경우.

HTML5 & CSS3 Support (다른 브라우저에서)에서 지원되는 브라우저를 확인할 수 있습니다.

아래의 관련 질문. 행운

how to make css3 and html5 compatible website for all browsers including IE7 and later

좋은!

Answer 2

IE7에 대해서는 잘 모르겠지만 IE8에 대한지지를 얻을 수 있다고 생각합니다. IE8의 대부분의 문제는 특정 CSS 기능에 대한 지원이 부족하다는 점을 개인적인 경험으로 발견했습니다.

사이트를보고 IE8에서 지원되지 않는 CSS 기능 (예 : nth-child)을 사용하고 있음을 확인했습니다. http://www.standardista.com/css3/css3-selector-browser-support/

내 솔루션은 IE8 특정 스타일 시트와 자바 스크립트 파일을 추가했다 - 여기

는 기능 지원의 목록입니다. 다른 모든 포함 된 파일 다음에이 파일을 포함하므로 마지막으로 적용됩니다. 그런 다음 필 요에 따라 특정 요소를 재정의합니다. CSS 파일로 수정할 수없는 필요에 따라 javascript 파일을 사용하여 문제를 해결했습니다.

<!--[if IE 8]> 
    <link rel="stylesheet" href="/css/ie8.css")" type="text/css" media="screen"> 
    <script type="text/javascript" src="/js/ie8.js")"></script> 
<![endif]-->