IE10 렌더링 관련 웹페이지 수정할 항목 정리 중

  • padding에서 차이가 몇 픽셀씩 난다. IE6 패딩 버그 이후로 패딩 수치 바꾸기 삽질중
  • 글꼴 크기가 다르다. 보통 8pt 글자가 더 작게 표현되며, px로 표시한 것도 일부 더 크게 표시되거나 하는데 규칙성을 아직 잘 모르겠음.
    ie910
  • select 박스가 아래쪽으로 쳐지거나 높이가 바뀌어서 글자가 잘리는 경우가 꽤 있다.
  • input 입력칸에 class로 배경 이미지를 넣고, 값이 입력될경우 jQuery로 removeClass를 했더니 작동 안 하는 듯?
  • 이미지에 링크걸어 버튼 대용으로 쓴 경우 따로 간격을 주지 않아도 IE9까진 약간 간격이 있었는데, 그 간격이 없어져 붙어 버리는 경우가 자주 보임.
  • <![if !IE]> 로 IE를 구분하던 구문이 먹히지 않음.
    http://support.microsoft.com/kb/167820 이걸로 대체해야 할듯.
  • 추가 중…

 

IE10 용 CSS 핵 몇가지

http://www.impressivewebs.com/ie10-css-hacks/