IE9 CSS因Mime类型不匹配而被忽略问题相关解答
发布时间：2013-08-26 18:16:28 作者：佚名 
我要评论
我要评论写页面的时候在chrome，fireforks等页面上显示正常，但是换成IE9之后就完全没有样式了，报错信息是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>
首先要明白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>
相关文章
这篇文章主要介绍了浅谈原生页面兼容IE9问题的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起2020-12-16- 这篇文章主要介绍了新版chrome浏览器设置允许跨域的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起2020-11-30
css hack之\9和\0就可能对hack IE11\IE9\IE8无效
每次设计一张网页或一个表单，都被各种浏览器的兼容问题伤透脑筋，尤其是IE家族。在做兼容性设计时，我们往往会使用各种浏览器能识别的独特语法进行hack，从而达到各种浏览2020-03-20css区分ie8/ie9/ie10/ie11 chrome firefox的代码
这篇文章主要介绍了css区分ie8/ie9/ie10/ie11 chrome firefox的代码,需要的朋友可以参考下2020-03-20
这篇文章主要介绍了解决CSS浏览器兼容性问题的4种方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学2020-02-28
这篇文章主要介绍了常见的浏览器兼容性问题(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学2020-02-20
这篇文章主要介绍了border-radius IE8兼容处理的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学2020-02-12- 这篇文章主要介绍了浅谈遇到的几个浏览器兼容性问题，详细的介绍了几种我遇到的问题和解决方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-09-26
这篇文章主要介绍了base64图片在各种浏览器的兼容性处理的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-14
这篇文章主要介绍了对常见的css属性进行浏览器兼容性总结(推荐)的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-20
最新评论