关于IE9/IE10无法加载CSS样式

IE9新的安全机制要求web server送过来的 HTTP response header中的content-type

必需指明css文件的MIME-type为'text/css'，否则IE9不会把它作为css文件来处理。

修正措施如下：

配置应用的web.xml文件中添加

<mime-mapping>

<mime-type>text/css</mime-type>

</mime-mappin

IE自从IE9开始，会对网页的MIME类型进行验证，如果MIME类型不正确的话，就不会加载相应的样式表或者JS文件，这也是出于安全的考虑

。

造成IE9以上浏览器无法加载CSS样式表的，有几个可能的原因，一个可能是你的CSS样式引用的书写方式不正确，导致在IE9和IE10下面无法通过MIME的检查，如果是这个原因，在代码里面修改一下css样式引用的方法就行了。

另外一个可能的原因，可能是你在电脑里面安装了代理软件或者其他什么与代理相关的软件，如wallproxy之类的，这一类软件可能会在打开本地HTML文件时修改mime类型，把type替换为stain之类，这个没有什么特别好的解决方法，要么卸载这些软件，要么重新安装一下试试。

如果你是自己配置服务器后出现了这个问题，那么就可能是第三个原因了，在服务器端没有配置css的mime类型，这个对应的在IIS或者apache里面添加一下css的type就行了。

提问者评价

非常感谢

======================================================

网上说是MIme type 问题，但是网上都没看到该怎么写，就是不断的转载，

直接写入是有效的

然后就是使用开发者工具切到兼容模式，显示是正常的。

同求IE9加载CSS样式方法。会的就写出来。麻烦写个.CSS案例，谢谢

现象：

1、页面看起来像是CSS完全失效了，而IE、opera则是完全正常。

2、不能直接打开静态网页（.htm），提示下载。

以下是对MIME类型的解释和相应的解决办法：

　　MIME类型：

　　MIME是多用途的网际邮件扩充协议的缩写。对于诸如网络服务器或者浏览器程序来说，按照MIME类型将页面内容分类是一种标准方法，并且这些程序都含有一个MIME类型列表以便于在跨做操作系统的环境下用相同的方法传输同类型文本内容。

　　当某一服务器中的一个页面需要读取远程CSS文件的时候，根据MIME类型的定义（通常情况下是”text/css”），这个样式表文件带有.css的文件扩展名。然而服务器有时却会错误的将.css文件的MIME类型判断为”text/plain”或者是”text/html”。因此当一个标准编译下的页面（也就是采用完整文档声明的页面）调用这个CSS文件的时候就会被判别为不相符的MIME类型，此时基于Gecko的浏览器就会忽略远程样式表，与我们事先想象中那样美丽的网页相反，它们会将页面展现为无任何样式定义的样子。

　　解决办法：

一、对于Apache服务器来说，另一种可行的方法是在你的站点根目录下的.htaccess文件中写进这样一行:

　　AddType text/css .css

　　这样一来.css文件就会被当作”text/css”类型来编译。如果你的服务器管理员限制了你修改.htaccess文件，那么你就需要联系他(她)以取得权限修改这一MIME类型。

二、解决这个问题的一种方法是联系服务器管理员将.css的MIME类型设置为正确的”text/css”

　　在虚拟主机管理页面中的“自定义MIME类型”中，增加

程序代码

　　扩展名：.css MIME类型：text/css

　　扩展名：.htm MIME类型：text/html

　　扩展名：.html MIME类型：text/html

三、本地IIS+MIME设置

　　之前发现有FCKeditor不能用，编辑区域变成了网页源代码，竟然也是因为html的MIME类型没有设置！