HTML5 로 넘어가야 하는 이 시기에 아직도 크로스브라우징 문제에 발목이 잡혀 있다는 것이 원통할 따름입니다. ㅠㅠ
그나마 올해 초 Microsoft에서 IE6,7에 대해 강제 업데이트를 시행한 이후로 항상 사용자 중 대다수를 차지하던 IE6의 비율이 많이 줄어들게 되었죠~ 이건 정말 다행입니다.
하지만! IE8이 남아 있습니다. 사실 IE9도 그다지 맘에 들진 않습니다만, IE8은 웹 표준을 정말~ 정~말 어설프게 지원해서 골치가 아프네요.
아직도 Windows XP 사용자가 많아서인지 국내 브라우저 사용자 비율 중 IE8이 가장 높은 것 같습니다.
그래서!! 다른 브라우저는 버리더라도, IE8은 안고 갈 수 있도록, 필요악인 IE8 핵을 좀 적어봅니다.
1. 기존에 많이 알려져 있던 핵!
div {height: 30px\9;}
이 핵을 쓰면 IE8 이하 브라우저(IE6,7)에도 인식이 됩니다.
문제가 있다면, 일부 스타일에서는 크롬에도 적용이 되더라구요~ 전 'font-family' 스타일에서 그런 현상을 발견 했습니다.
2. 그 다음으로 많이 쓰던 핵!
div {height: 30px\0IE8+9
IE8, IE8+9, IE9 로 조정하면 선택해서 브라우저 적용이 됩니다.
휴~ 기대하기로는, IE10부터는 이런 고생 할 일이 없었으면 좋겠네요~
