- Arawn's Dev Blog
- Outsider's Dev Story
- Toby's Epril
- Benelog
- NHN 개발자 블로그
- SK 플래닛 기술 블로그
- OLC CENTER
- 소프트웨어 경영/공학 블로그
- 모바일 컨버전스
- KOSR - Korea Operating System …
- 넥스트리 블로그
- 리버스코어 ReverseCore
- SLiPP
- 개발자를 위하여... (Nextree 임병인 수석)
- "트위터 부트스트랩: 디자이너도 놀라워할 매끈하고 직관…
- Learning English - The English…
- real-english.com
- 'DataScience/Deep Learning' 카테…
- Deep Learning Summer School, M…
- Deep Learning Courses
민서네집
구버전 IE가 HTML5, CSS3를 알아듣도록 만드는 법 본문
구버전 IE가 HTML5, CSS3를 알아듣도록 만드는 법
[출처] http://blog.naver.com/minsoub/60203621034
딘 에드워즈라는 사람이 만든 ie7.js라는 라이브러리를 소개합니다. 요즘은 ie9.js까지 버전업이 되었네요.
http://code.google.com/p/ie7-js/
웹페이지의 <head></head> 부분에 아래와 같이 넣어주면
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js">IE7_PNG_SUFFIX=".png";</script>
<![endif]-->
IE6, IE7, IE8이 제대로 알아듣지 못하는 CSS도 마지 IE9처럼 너무너무 착하게 잘 알아듣게 됩니다.
예) :hover, :first-child, :last-child, min-height, max-width, position: fixed, opacity (투명도), "태그 > 태그" 문법 등
투명한 배경의 PNG 이미지도 잘 나오고요...
아래의 라이브러리들과 함께 사용하면 더 좋습니다.
html5shiv: http://code.google.com/p/html5shiv/
구버전 IE가 <header>, <nav>, <article> 등 HTML5 태그를 알아듣도록 해줍니다.
css3pie: http://css3pie.com/
구버전 IE에서도 동글동글한 외곽선, 그림자, 그라데이션 등의 CSS3 효과를 사용할 수 있도록 해줍니다.
이렇게 해놓고 IE9, IE10, 파폭, 크롬 등 최신 브라우저에서 홈페이지를 만들면
IE8과 IE7에서도 대부분 그대로 나오는 신기한 체험을 할 수 있습니다.
IE6은 아무래도 구제불능이더군요. 전 그냥 포기했음.
[출처] 구버전 IE가 HTML5, CSS3를 알아듣도록 만드는 법|작성자 JJANG
'WEB (HTML, CSS)' 카테고리의 다른 글
| <input type="text" />태그에서 Enter 칠때 웹페이지 reload 되는 현상의 해결법 (4) | 2013.12.27 |
|---|---|
| [jquery] 버튼, a태그(하이퍼링크) disable 시키기 (0) | 2013.12.27 |
| IE9 이하에서 (IE9 포함) Memory Leak 이 발생하는 경우 (0) | 2013.12.17 |
| d3 - Data-Driven Documents (0) | 2013.12.17 |
| IE 에서 투명 CSS style (0) | 2013.11.21 |
