====== IE - Internet Explorer ======
  * [[http://www.modern.ie|Modern.ie]] - [[http://status.modern.ie/|IE Status]]
  * [[http://www.microsoft.com/ko-kr/ie10compatibility/default.aspx|Internet Explorer 10 호환성 확보 가이드]]
  * [[http://www.impressivewebs.com/ie10-css-hacks/|IE10 CSS Hacks]]
  * [[windows:free_vm|Windows Free Virtual Machine]]

===== IE와 HTML/CSS =====
  * [[http://browsehappy.com/|BrowseHappy.com]] 최신 브라우저로 업그레이드하기 캠페인
  * [[http://stackoverflow.com/questions/9906794/internet-explorers-css-rules-limits|IE CSS Rule 제약]] IE에서는 CSS 선택자를 4095개까지밖에 지원하지 않는다고 한다.
  * [[http://code.google.com/p/ie7-js/|IE7 js]] : IE의 비표준 CSS/HTML/PNG를 표준으로 교정해주는 JS IE9.js를 사용하면 CSS3도 IE8이하 버전에서 사용가능하다.<code html>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</code>
  * [[https://github.com/scottjehl/Respond|Respond.js]] : IE 8이하에서 Media Query 사용할 수 있게 해줌. CSS를 별도 도메인에 올릴 경우 Cross Domain Issue가 있다. 해결책은 매뉴얼에.
    * [[http://webdir.tistory.com/331|Respond.js - 미디어쿼리(Media Query) 크로스브라우징]]
  * [[http://code.google.com/p/html5shiv/|HTML5Shiv]] : IE 과거 버전에서 HTML5 활성화
  * [[http://css3pie.com/|CSS3Pie]] : IE6~IE8에서 CSS3 사용.
  * [[http://www.modernizr.com/|Modernizr]] : 모더나이저, 과거버전의 브라우저에 기능 유무에 따라 클래스를 붙여줌.
  * [[http://www.positioniseverything.net/explorer.html|Explorer Exposed! IE 버그 모음]]

===== IE 전용 CSS =====
  * http://firejune.com/1740 참조
<code html>
<link rel="stylesheet" href="/css/style.css" type="text/css" />
<!--[if lt IE 7 ]><link rel="stylesheet" href="/css/ie6.css" type="text/css" /><![endif]--> 
<!--[if lt IE 8 ]><link rel="stylesheet" href="/css/ie7.css" type="text/css" /><![endif]--> 
<!--[if gte IE 8 ]><link rel="stylesheet" href="/css/ie8.css" type="text/css" /><![endif]-->
</code>

===== X-UA-Compatible  =====
  * [[http://blogs.msdn.com/b/hanuk/archive/2008/08/28/apache-httpd-configuration-for-ie7-standard-mode-rendering-in-ie8.aspx|Apache httpd configuration for IE7 standard mode rendering in IE8]]
  * meta 태그를 이용하는 방법은 HTML 최상단에 IE Conditional Comment가 있을 경우 작동하지 않는다. 가장 안전한 방법은 HTTP 헤더를 이용하는 것이다.
  * Apache 설정 : mod_headers 설정 켜고, <code>
<IfModule headers_module>
   Header set X-UA-Compatible: IE=edge;
</IfModule>
</code>
  * nginx 설정 <code>
add_header X-UA-Compatible IE=edge
</code>
  * IE 10 에서는 플러그인 사용 여부를 지정하여 메트로 UI에서 데스크탑 UI로 전환하도록 유도할 수 있다.[[http://blogs.msdn.com/b/ie_ko/archive/2012/02/02/10263389.aspx|웹 사이트와 플러그인 없는 웹]]<code>
HTTP 헤더
X-UA-Compatible: requiresActiveX=true

META 태그
<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" />
</code>

===== IE6를 버리면 사용할 수 있는 CSS =====
  * [[http://www.bennadel.com/blog/2306-What-CSS-Properties-Are-Supported-When-You-Drop-IE6-Support.htm|What CSS Properties Are Supported When You Drop IE6 Support]]
  * ''>'' - Immediate descendant (child) selector.
  * ''[attr]'' - Attribute selector (starts with, ends with, contains).
  * '':first-child'' - First child selector.
  * ''min-width'' - Minimum width layout.
  * ''max-width'' - Maximum width layout.
  * ''min-height'' - Minimum height layout.
  * ''max-height'' - Maximum height layout.
  * ''position:fixed'' - Fixed position layout.
  * ''.A.B'' - Multiple class selection.
  * '':hover'' - Hover selector on all elements.
  * ''clear:both'' - Full clear support in float layouts.

===== z-index 버그 =====
  * http://wiz.pe.kr/527
    * ''position: absolute;''인 요소에 z-index가 걸릴경우, 그 부모의 z-index가 해당 요소보다 낮을 경우, 해당요소의 z-index가 제대로 적용 안되는 버그가 있다.
  * z-index가 걸린 **빈** 요소에 onclick 이벤트를 걸 경우, 해당 요소보다 아래에 있는 요소에 클릭 이벤트를 받을 수 있는 영역이 있다면, 클릭이 안 될 수가 있다. 이때는 해당 영역에 투명하게 어떤 값을 채워주거나, 투명 배경 이미지를 repeat로 지정해줘야 한다.

===== Cookie 등의 저장정보 삭제 =====
  * IE는 기본적으로 자주가는 싸이트의 쿠키, 캐시등의 기본정보를 계속 저장하며 명시적으로 삭제를 눌러도 이를 삭제하지 않고 유지하는 기능이 있다.
  * **인터넷옵션 -> 검색기록 삭제 -> 즐겨찾기 웹 사이트 데이터 보존** 체크 해제하고 삭제해야한다.
{{:html:ie_delete_cookie.png}}

===== 버전별 문제점 =====
  * IE 8 이하 버전은 CMYK JPG 이미지를 읽어들이지 못한다.