码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-03-09 10:47:19      阅读:682      评论:0      收藏:0      [点我收藏+]

标签:

写好的CSS文件使用IE浏览器不加载,但使用火狐等浏览器却能够正常显示。读了这篇文章的方法2才知道,使用ie本地直接打开则调用file协议时CSS不加载,把所写的文件放入本地Apache服务器内,再用ie打开调用http协议,显示正常,问题解决。


 

 

原帖位置:http://www.uedsc.com/css-mime-type-mismatch.html

 

什么是Mime类型?

MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。

为什么会出现错误?

在IE9以上的IE浏览器中,尤其是本地环境下,在没有配置服务器的环境下,会遇到外链的CSS文件无法加载成功,而导致想要的效果没有实现!当你遇到这样的问题是,你在IE自带的调试工具里的控制台里会看到“SEC7113:CSS因Mime类型不匹配而被忽略”的错误提示。

微软从IE9之后添加了文件名识别的程序,这是在IE9以上的标准模式下才会出现的,在兼容模式下就没有问题。

解决方法

既然知道这个错误的原因,那么我们就可以针对性的解决这个问题,以下包含了检测的步骤和方法,你可以根据你实际的情况跳过某些步骤。

1、检测Link标签

Link标签是我们引入样式表的标签,查看下是否缺少type=text/css属性,完整的Link标签示例。

<link rel=stylesheet type=text/css href="style.css">

如果你发现加上以后没有效果,那么接着往下看。

2、静态页面无法显示样式

其实很多人遇到这个问题都是在本地直接使用浏览器打开网页,也就是没有通过http:协议的方式浏览页面,而是通过file:协议打开网页。而CSS无法返回正确的Mime,可能由于你的系统的原因。

进入注册表编辑器,查看 HKEY_CLASSES_ROOT\.css 里面的 Content Type 是否是 text/css。

技术分享

3、服务器环境无法显示样式

在服务器环境中无法显示样式,不管是本地还是远程,解决的方法都是一样的,既然服务器不能返回正确的文档类型,我们就需要手动配置。

IIS服务器

对于IIS服务器通过配置web.xml文件,要求服务器输出正确的CSS Mine信息。

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

Apache服务器

当web服务器想浏览器发送文档时,它会给文档加上一个响应报头作为前缀,此报头包含了用于告诉浏览器如何解释文档的数据,元数据的一个最重要的部分是最后一行中的Content-Type。它将告诉浏览器如何呈现内容。例如浏览器用于显示 JPEG 和 GIF 的代码是不同的。

而这里我们需要正确的配置CSS文件的Content-Type,在Apache的安装目录下有一个conf文件夹,里面的mime.types文件就是响应报头文档类型配置。

添加一下代码到mime.types文件中,然后重启Apache服务器。

text/css                    css

如果还是不行,试着添加一下代码到httpd.conf文件中,加载mime.types配置文件。

<IfModule mime_module>
TypesConfig conf/mime.types
</IfModule>
本文系作者 问说网 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接
本站文章除注明转载外,均为本站原创或翻译,欢迎任何形式的转载,但请务必注明出处,尊重他人劳动。
转载请注明:文章转载自:问说网 » 解决IE9+中CSS因Mime类型不匹配而被忽略问题
本文标题:解决IE9+中CSS因Mime类型不匹配而被忽略问题
本文地址:http://www.uedsc.com/css-mime-type-mismatch.html

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

标签:

原文地址:http://www.cnblogs.com/likaopu/p/5256820.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!