무아지경

[Internet Explorer] IE 9버전 이하 크로스 브라우징 본문

퍼블리싱/Cross Browsing

[Internet Explorer] IE 9버전 이하 크로스 브라우징

블리셔 2018. 11. 16. 15:49

IE 버전별 크로스 브라우징...


마크업 할 때 항상 크롬 브라우저를 띄워 놓고 작업을 한다.


일단 개발자 모드가 너~~~무 편하게 되어 있고...처음 공부를 시작할때 부터 사용 하던 버릇 때문인지도 모르겠다.


열심히 크롬으로 마크업하고 크로스 브라우징 여부를 위해 확인하는데 IE가 문제가 되는 경우가 많다.


제일 문제는 IE가 버전별로 지원하고 안하고의 차이가 있기 때문에 IE는 하나만 보는게 아니라 버전 별로 확인을 따로 해야 된다. 


공공기관의 경우 IE9버전 까지 맞춰서 해야 하는 경우가 있고 가끔 IE8버전 이하까지 맞춰야 하는 경우도 있다고 한다.

(IE9 까지는 하겠는데 그 이하는 난 못한다~~~)




[ html5shiv.js ]

 - HTML5 요소를 지원하지 않는 브라우저(IE6~IE8버전)에서 html5 요소가 적용 되도록 도와주는 jQuery 

 - 구버전 IE가 <header>, <nav>, <aside>, <article>, <footer>등의 HTML5 태그를 인식하도록 해준다.

 - 적용법

1
2
3
4
5
<head>
<!--[if lt IE 9]>
    <script type="text/javascript" src="경로/html5shiv.js"></script>
<![endif]-->
</head>
cs

https://github.com/afarkas/html5shiv
https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js

[ IE9.js ]
 - IE9 버전 보다 낮은 버전에서 CSS가 제대로 먹히게 하기 위한 jQuery 
 - 적용법
1
2
3
4
5
<head>
<!--[if lt IE 9]>
    <script type="text/javascript" src="경로/IE9.js"></script>
<![endif]-->
</head>
cs


'퍼블리싱 > Cross Browsing' 카테고리의 다른 글

[팝업창]window.open 팝업창 크기 동일하게 맞추기  (0) 2019.07.15
[CSS 초기화]reset.css 와 normalize.css 차이점  (0) 2018.12.02
[Vender Prefix] 벤더프리픽스  (0) 2018.11.16
[Cross Browsing] 크로스 브라우징이란...????  (0) 2018.11.16
'퍼블리싱/Cross Browsing' Related Articles more
Comments