首页前端开发CSScss因mime类型不匹配而被忽略怎么办

css因mime类型不匹配而被忽略怎么办

时间2024-01-28 03:08:03发布访客分类CSS浏览1027
导读:收集整理的这篇文章主要介绍了css因mime类型不匹配而被忽略怎么办,觉得挺不错的,现在分享给大家,也给大家做个参考。css因MIME类型不匹配而被忽略的解决办法:1、检测Link标签;2、通过http协议的方式浏览页面;3、手动配置服务器...
收集整理的这篇文章主要介绍了css因mime类型不匹配而被忽略怎么办,觉得挺不错的,现在分享给大家,也给大家做个参考。

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标签示例。

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>
    

以上就是css因mime类型不匹配而被忽略怎么办的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: css如何去除边框下一篇:css怎么设置最大宽度猜你在找的CSS相关文章 css怎么控制按钮不可用2022-05-17css3中transform属性实现的4种功能2022-04-13纯CSS3实现div按照顺序出入效果2022-04-13CSS实现隐藏搜索框功能(动画正反向序列)2022-04-13使用CSS3实现按钮悬停闪烁动态特效代码2022-04-13CSS3 Tab动画实例之背景切换动态效果2022-04-13CSS实现两列布局的N种方法2022-04-13CSS 实现Chrome标签栏的技巧2022-04-13css实现两栏布局左侧固定宽右侧自适应的多种方法2022-04-13从QQtabBar看css命名规范BEM的详细介绍2022-04-13 其他相关热搜词更多phpjavapython程序员

若转载请注明出处: css因mime类型不匹配而被忽略怎么办
本文地址: https://pptw.com/jishu/589080.html
css input样式怎么修改 CSS如何设置页面背景色

游客 回复需填写必要信息