IE9,IE10 CSS因Mime类型不匹配而被忽略问题 (转)

写页面的时候在chrome,fireforks等页面上显示正常,但是换成IE9,IE10之后就完全没有样式了,报错信息是CSS 因 Mime 类型不匹配而被忽略,下面与大家分享下这个问题的相关的回答

写页面的时候在chrome,fireforks等页面上显示正常,但是换成IE9之后就完全没有样式了。IE真是个奇葩的怪胎。它的报错信息是’CSS 因 Mime 类型不匹配而被忽略‘,也就是说所有的.css文件全部都不起效果了。去网上查了一些资料,有很多与这个问题相关的回答。

首先要明白Mine类型是个什么。MIME类型就是设定某种指定扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开,多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。与之相关主要的是web.xml文件。web.xml 是网络程序中的一个很重要的配置文件。当启动一个WEB项目的时候,WEB容器会去读取它的配置文件web.xml,读取<listener>和<context-param>这两个结点。

而在IE9的新安全机制中,要求web服务器返回的http 头信息中content-type必需写明css文件的MIME-type为‘text/css‘,否则IE9不会将它作为css文件来处理。如果想要ie9也能正确的显示css文件定义的样式,需要修改服务器端返回给客户端的css文件的http header头信息中对应的mime类型。

如何修改返回的css MIME信息: 

修正css 文件的返回mime信息有不同方法,一是修改服务器配置或者服务器程序,对于css文件输出正确的mine头信息。这个要对iis设置进行操作,对于自己的服务器来说可行,但对于使用虚拟主机的站长来说就不是和容易做到了,这里就不细说了。

另一种另类方法是,通过配置web.xml文件,要求服务器输出正确的css mine信息。

在web.xml加入内容:

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

成功解决。

时间: 2024-08-28 19:55:11

IE9,IE10 CSS因Mime类型不匹配而被忽略问题 (转)的相关文章

IE浏览器“SEC7113: CSS 因 Mime 类型不匹配而被忽略”问题的解决方法

写好的CSS文件使用IE浏览器不加载,但使用火狐等浏览器却能够正常显示.读了这篇文章的方法2才知道,使用ie本地直接打开则调用file协议时CSS不加载,把所写的文件放入本地Apache服务器内,再用ie打开调用http协议,显示正常,问题解决. 原帖位置:http://www.uedsc.com/css-mime-type-mismatch.html 什么是Mime类型? MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型就是设定某种

解决IE下CSS因 Mime 类型不匹配而被忽略的问题

写页面的时候在chrome,firefox等页面上显示正常,但是换成IE9之后就完全没有样式了,报错信息是CSS 因 Mime 类型不匹配而被忽略,下面与大家分享下这个问题的相关的回答.IE真是个奇葩的怪胎.它的报错信息是’CSS 因 Mime 类型不匹配而被忽略‘,也就是说所有的.css文件全部都不起效果了.去网上查了一些资料,有很多与这个问题相关的回答. 首先要明白Mine类型是个什么.MIME类型就是设定某种指定扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器

CSS 因 Mime 类型不匹配而被忽略

晚上写了一个测试的html,在crome下都显示正常,想到ie下看看,结果样式错了,报一个错误: 百度了一下,我是这么解决的 大家都写说是看看下注册表中 css 的 Content-type属性是不是 text/css,按照其操作,我做了一遍,的确改了过来,mark一下: win---->运行-->输入regedit 在下图中改了Content type 的类型为  text/css就行.

IE9以上 CSS文件因Mime类型不匹配而被忽略 其他浏览器及IE8以下显示正常

 什么是Mime类型? MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开.多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式.  为什么会出现错误?  在IE9以上的IE浏览器中,尤其是本地环境下,在没有配置服务器的环境下,会遇到外链的CSS文件无法加载成功,而导致想要的效果没有实现!当你遇到这样的问题时,你

谷歌,火狐提示来自&quot;http://xxx.com/file&quot;的资源已被阻止,因为 MIME 类型(&quot;text/plain&quot;)不匹配(X-Content-Type-Options: nosniff),如何解决?

在使用ueditor编辑的过程中无法上传图片,谷歌火狐浏览器提示Cross-Origin Read Blocking (CORB) blocked cross-origin response http://XXX?action=config&callback=bd__editor__dkhbuv with MIME type text/plain,怎么解决?查看该文件请求,发现服务器返回头中多了这么个玩意 X-Content-Type-Options: nosniff,这个是什么意思呢? 查阅资

[转]CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法 2013-12-12  By 奥夫 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对… 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !impo

我的Android进阶之旅------&amp;gt;MIME类型大全

今天在实现一个安装apk的代码中看到一段代码为:application/vnd.android.package-archive.不知其意.所以百度了一下,了解到这是一种MIME的类型,代表apk类型. 代码例如以下: //安装apk protected void installApk(File file) { Intent intent = new Intent(); //运行动作 intent.setAction(Intent.ACTION_VIEW); //运行的数据类型 intent.se

我的Android进阶之旅------&gt;MIME类型大全

今天在实现一个安装apk的代码中看到一段代码为:application/vnd.android.package-archive,不知其意,所以百度了一下,了解到这是一种MIME的类型,代表apk类型. 代码如下: //安装apk protected void installApk(File file) { Intent intent = new Intent(); //执行动作 intent.setAction(Intent.ACTION_VIEW); //执行的数据类型 intent.setD

Tomcat web.xml中定义了文件扩展名到MIME类型的映射

Tomcat在返回静态资源时,会根据资源文件的扩展名产生对应的content-type头(也即MIME类型)添加到response header中. 在Tomcat的web.xml规定了扩展名及相应MIME的映射(占了web.xml 87%的篇幅),如下: <!-- ===================== Default MIME Type Mappings =================== --> <!-- When serving static resources, Tom