IE에서 CSS가 동작 안할 경우

less than 1 minute read

웹 서버는 전송되는 파일의 MIME 형식을 지정하는 “Content-Type“이라는 이름의 HTTP 응답 헤더를 보냅니다. 보안 및 표준 준수를 위해, 스타일시트를 “text/css” MIME 형식과 함께 전달해야 합니다.

  • IE9 표준 모드부터는 “text/css” MIME 형식과 함께 전달되지 않는 스타일시트는 무시됩니다(적용되지 않습니다).
  • 모든 문서 모드에서, “X-Content-Type-Options: nosniff” 헤더와 함께 전달되고 “text/css” MIME 형식과 함께 전달되지 않는 스타일시트는 무시됩니다.
  • 모든 문서 모드에서(그리고 기존 브라우저 버전에서), cross-origin 컨텍스트(예: example.com이 microsoft.com의 스타일시트 사용)에서 전달되는 스타일시트는 “text/css” MIME 형식과 함께 제공되지 않는 한 무시됩니다.

모든 스타일시트가 올바른 HTTP 응답 헤더, “Content-Type: text/css”와 함께 전달되도록 합니다.**
**- - - - - -

참고로 아파치 등의 웹 서버에서는 확장자 기준으로 자동으로 Content-Type을 출력해준다. 참고로 HTML 파일도 똑같은 현상이 있다.(호환성 보기하면 보이기는 한다…)


🔗original-link

Updated: