本文摘自PHP中文网,作者藏色散人,侵删。
css因mime类型不匹配而被忽略的解决办法:1、检测Link标签;2、通过http协议的方式浏览页面;3、手动配置服务器环境。
本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。
IE浏览器“SEC7113: CSS 因 Mime 类型不匹配而被忽略”问题是什么原因?怎么解决?下面本篇文章就来给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
什么是Mime类型?
MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。
为什么会出现错误?
在IE9以上的IE浏览器中,尤其是本地环境下,在没有配置服务器的环境下,会遇到外链的CSS文件无法加载成功,而导致想要的效果没有实现!当你遇到这样的问题是,你在IE自带的调试工具里的控制台里会看到“SEC7113:CSS因Mime类型不匹配而被忽略”的错误提示。
微软从IE9之后添加了文件名识别的程序,这是在IE9以上的标准模式下才会出现的,在兼容模式下就没有问题。
【推荐学习:css视频教程】
解决方法
既然知道这个错误的原因,那么我们就可以针对性的解决这个问题,以下包含了检测的步骤和方法,你可以根据你实际的情况跳过某些步骤。
1、检测Link标签
Link标签是我们引入样式表的标签,查看下是否缺少type=text/css属性,完整的Link标签示例。
1 |
|
如果你发现加上以后没有效果,那么接着往下看。
2、静态页面无法显示样式
其实很多人遇到这个问题都是在本地直接使用浏览器打开网页,也就是没有通过http:协议的方式浏览页面,而是通过file:协议打开网页。而CSS无法返回正确的Mime,可能由于你的系统的原因。
进入注册表编辑器,查看 HKEY_CLASSES_ROOT\.css 里面的 Content Type 是否是 text/css。
3、服务器环境无法显示样式
在服务器环境中无法显示样式,不管是本地还是远程,解决的方法都是一样的,既然服务器不能返回正确的文档类型,我们就需要手动配置。
IIS服务器
对于IIS服务器通过配置web.xml文件,要求服务器输出正确的CSS Mine信息。
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者