사용자 도구

사이트 도구


html:ie

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
html:ie [2016/11/01 22:16]
kwon37xi
html:ie [2019/06/10 13:32]
kwon37xi
줄 3: 줄 3:
   * [[http://www.microsoft.com/ko-kr/ie10compatibility/default.aspx|Internet Explorer 10 호환성 확보 가이드]]   * [[http://www.microsoft.com/ko-kr/ie10compatibility/default.aspx|Internet Explorer 10 호환성 확보 가이드]]
   * [[http://www.impressivewebs.com/ie10-css-hacks/|IE10 CSS Hacks]]   * [[http://www.impressivewebs.com/ie10-css-hacks/|IE10 CSS Hacks]]
 +  * [[windows:free_vm|Windows Free Virtual Machine]]
  
-====== IE 버전별 테스트 가상 머신 ====== +===== IE와 HTML/CSS =====
-  * [[https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/|IE 각 버전별 테스트 가상머신]] +
-  * VirtualBox 용 가상머신을 다운로드하여 ''ova'' 파일을 VirtualBox 에서 Import 해서 사용한다. +
-  * 사용시, Timezone, input method, language, location 등을 변경해주어야 한다. +
-  * 사용을 위한 기초 준비가 끝나면 가상 머신 Disk(''*.vmdk'') 파일을 복제해 둔 뒤에 Activation을 한다. Activation이 풀리면 복제해둔 것을 복사하여 다시 활성화한다. +
-  * [[http://xdissent.github.io/ievms/|IEVms]] IE 가상머신 자동설치 스크립트 +
- +
-====== IE와 HTML/CSS ======+
   * [[http://browsehappy.com/|BrowseHappy.com]] 최신 브라우저로 업그레이드하기 캠페인   * [[http://browsehappy.com/|BrowseHappy.com]] 최신 브라우저로 업그레이드하기 캠페인
   * [[http://stackoverflow.com/questions/9906794/internet-explorers-css-rules-limits|IE CSS Rule 제약]] IE에서는 CSS 선택자를 4095개까지밖에 지원하지 않는다고 한다.   * [[http://stackoverflow.com/questions/9906794/internet-explorers-css-rules-limits|IE CSS Rule 제약]] IE에서는 CSS 선택자를 4095개까지밖에 지원하지 않는다고 한다.
줄 26: 줄 20:
   * [[http://www.positioniseverything.net/explorer.html|Explorer Exposed! IE 버그 모음]]   * [[http://www.positioniseverything.net/explorer.html|Explorer Exposed! IE 버그 모음]]
  
-====== IE 전용 CSS ======+===== IE 전용 CSS =====
   * http://firejune.com/1740 참조   * http://firejune.com/1740 참조
 <code html> <code html>
줄 35: 줄 29:
 </code> </code>
  
-====== X-UA-Compatible  ======+===== 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]]   * [[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 헤더를 이용하는 것이다.   * meta 태그를 이용하는 방법은 HTML 최상단에 IE Conditional Comment가 있을 경우 작동하지 않는다. 가장 안전한 방법은 HTTP 헤더를 이용하는 것이다.
줄 53: 줄 47:
 <meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" /> <meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" />
 </code> </code>
-====== IE6를 버리면 사용할 수 있는 CSS ======+ 
 +===== 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]]   * [[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.   * ''>'' - Immediate descendant (child) selector.
줄 67: 줄 62:
   * ''clear:both'' - Full clear support in float layouts.   * ''clear:both'' - Full clear support in float layouts.
  
-====== z-index 버그 ======+===== z-index 버그 =====
   * http://wiz.pe.kr/527   * http://wiz.pe.kr/527
     * ''position: absolute;''인 요소에 z-index가 걸릴경우, 그 부모의 z-index가 해당 요소보다 낮을 경우, 해당요소의 z-index가 제대로 적용 안되는 버그가 있다.     * ''position: absolute;''인 요소에 z-index가 걸릴경우, 그 부모의 z-index가 해당 요소보다 낮을 경우, 해당요소의 z-index가 제대로 적용 안되는 버그가 있다.
   * z-index가 걸린 **빈** 요소에 onclick 이벤트를 걸 경우, 해당 요소보다 아래에 있는 요소에 클릭 이벤트를 받을 수 있는 영역이 있다면, 클릭이 안 될 수가 있다. 이때는 해당 영역에 투명하게 어떤 값을 채워주거나, 투명 배경 이미지를 repeat로 지정해줘야 한다.   * z-index가 걸린 **빈** 요소에 onclick 이벤트를 걸 경우, 해당 요소보다 아래에 있는 요소에 클릭 이벤트를 받을 수 있는 영역이 있다면, 클릭이 안 될 수가 있다. 이때는 해당 영역에 투명하게 어떤 값을 채워주거나, 투명 배경 이미지를 repeat로 지정해줘야 한다.
  
-====== Cookie 등의 저장정보 삭제 ======+===== Cookie 등의 저장정보 삭제 =====
   * IE는 기본적으로 자주가는 싸이트의 쿠키, 캐시등의 기본정보를 계속 저장하며 명시적으로 삭제를 눌러도 이를 삭제하지 않고 유지하는 기능이 있다.   * IE는 기본적으로 자주가는 싸이트의 쿠키, 캐시등의 기본정보를 계속 저장하며 명시적으로 삭제를 눌러도 이를 삭제하지 않고 유지하는 기능이 있다.
   * **인터넷옵션 -> 검색기록 삭제 -> 즐겨찾기 웹 사이트 데이터 보존** 체크 해제하고 삭제해야한다.   * **인터넷옵션 -> 검색기록 삭제 -> 즐겨찾기 웹 사이트 데이터 보존** 체크 해제하고 삭제해야한다.
 {{:html:ie_delete_cookie.png}} {{:html:ie_delete_cookie.png}}
  
-====== 버전별 문제점 ======+===== 버전별 문제점 =====
   * IE 8 이하 버전은 CMYK JPG 이미지를 읽어들이지 못한다.   * IE 8 이하 버전은 CMYK JPG 이미지를 읽어들이지 못한다.
  
html/ie.txt · 마지막으로 수정됨: 2019/06/10 13:32 저자 kwon37xi