스트레스 해소
IE8 이하에서 HTML5, CSS3 사용하기 (html5shiv, IE9.js, css3pie)
여수공동체
HTML/CSS
0
1275
2014.03.12 19:54
html5를 사용하고 싶은데 구버전 IE 때문에 고민인가요?
아래 javascript 라이브러리를 사용하면 고민이 해결됩니다.
IE8 이하 에서 HTML5, CSS3 사용하는 방법입니다.
홈페이지:http://code.google.com/p/html5shiv/
- HTML5 요소를 지원하지 않는 브라우저(IE8 이하)에서 해당 요소를 지원할 수 있게 해주는 라이브러리.
- 구버전 IE가 , , 등 HTML5 태그를 알아듣도록 해줌.
- 그누보드5에 기본으로 적용되어 있음
- 소스를 웹페이지의 부분에 넣음
예) :hover, :first-child, :last-child, min-height, max-width, position: fixed, margin:0 auto, opacity (투명도) 등
- 아래 소스를 웹페이지의 부분에 넣음
IE7 보다 낮은 버전을 위한 라이브러리 (IE7.js)
IE8 보다 낮은 버전을 위한 라이브러리 (IE8.js)
IE9 보다 낮은 버전을 위한 라이브러리 (IE9.js)
※ IE9.js을 사용하는 경우 IE7/IE8.js를 포함할 필요가 없음.
아래 처럼 IE7_PNG_SUFFIX=".png";를 넣으면 IE6에서 투명한 PNG 이미지도 사용가능
- IE 8이하 브라우저에 미디어쿼리 인식
홈페이지:http://css3pie.com/
- CSS3 요소를 지원하지 않는 브라우저에서 CSS3 요소를 사용할 수 있게 해주는 라이브러리
- 구버전 IE에서도 둥근 외곽선, 그림자, 그라데이션 등의 CSS3 효과를 사용할 수 있도록 해줌.
- CSS3 요소를 지원하지 않는 브라우저에서 CSS3 요소를 사용할 수 있게 해주는 라이브러리
- 구버전 IE에서도 둥근 외곽선, 그림자, 그라데이션 등의 CSS3 효과를 사용할 수 있도록 해줌.
- 자세한 사용법은 홈페이지 참고.
ie8 이하에서 css3를 지원하게 해주는 라이브러리