IE9 CSS因Mime类型不匹配而被忽略问题相关解答

在开发网页时，我们常常会在Chrome、Firefox等现代浏览器上预览效果，一切看似正常，但当切换到IE9时，却发现页面样式完全消失，仿佛被魔法吞噬了一般。IE浏览器，这个曾经的霸主，如今依然有其独特之处，有时会让人困惑不已。针对此现象，报错信息提示“CSS 因 Mime 类型不匹配而被忽略”。这意味着所有的CSS文件在IE9中都无法正常发挥作用。

为了解决这个问题，我们首先需要了解什么是MIME类型。MIME，全称是“Multipurpose Internet Mail Extensions”，是一种用于告诉浏览器如何打开某种文件的扩展名的方式。当访问带有特定扩展名的文件时，浏览器会按照指定的应用程序来打开它。这在指定自定义文件名和媒体文件打开方式时特别有用。在Web开发中，web.xml文件扮演着重要的角色。

当启动一个WEB项目时，WEB容器会读取它的配置文件web.xml，特别是其中的和这两个节点。而在IE9的新安全机制下，web服务器返回的http头信息中的content-type必须明确标明css文件的MIME-type为'text/css'，否则IE9不会将其视为有效的CSS文件。

为了让IE9也能正确显示CSS文件定义的样式，我们需要修改服务器端返回给客户端的CSS文件的HTTP header头信息中的MIME类型。如何修改呢？有两种方法：

一是直接修改服务器配置或程序，确保对css文件输出正确的MIME头信息。这种方法对于拥有自己服务器的人来说是可行的，但对于使用虚拟主机的站长来说可能比较困难。

另一种相对简单的方法是，通过配置web.xml文件来要求服务器输出正确的css MIME信息。具体操作是，在web.xml文件中加入以下代码：

```xml

css

text/css

```

这样配置后，服务器就会正确返回CSS文件的MIME信息，让IE9能够正确识别并应用样式表。这样一来，你的网页在IE9中也能展现出与其他现代浏览器一样的风采。这样解决了问题之后，你的页面在IE9上也能展现出应有的样式和效果。至于那句“IE真是个奇葩的怪胎”，或许在某些时刻我们确实会有这样的感慨，但在解决这些问题的过程中，我们也逐渐理解了它的独特之处。