css在IE下文件无效,本地浏览文件无法载入
2016-06-28 16:42
218 查看
什么是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。(如果没有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> 阅读更多
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。(如果没有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> 阅读更多
相关文章推荐
- IIS6.0中.css,.js等文件无法通过IE下载问题
- android WebView载入本地html及css文件
- 点击My97DatePicker事件无效,触发事件calendar.js,datepicker.css等文件无法加载
- 网站开发之ie下在线浏览pdf文件无需本地支持
- IE无法引用外部CSS文件
- 关于firefox 无法载入css文件的问题
- 利用IE浏览本地HTML,WORD, pdf格式文件
- IE无法引入css文件
- My97DatePicker事件无效,触发事件calendar.js,datepicker.css等文件无法加载
- IIS7下浏览网站出现503,应用程序池无法启动.事件查看器中出现"Windows 找不到本地配置文件,正在用临时配置文件让您登录。当您注销时,对此配置文件所作的更改将丢失。"
- WEB项目部署到Linux下无法访问html、css、js等静态文件的解决
- My97DatePicker事件无效,css、js文件加载失败
- springmvc jsp无法访问静态同目录的css js文件
- 解决 genymotion 无法通过 10.0.2.2 或 127.0.0.1 访问本地 tomcat 文件
- C#调用exe文件,IIS发布后无法掉用本地exe程序的解决方法
- 【nginx】nginx 无法加载css/js/gif/png等图片等文件
- IE9无法加载css文件,SEC7113: CSS 因 Mime 类型不匹配而被忽略
- IE8.0 上传图片时,提示无效的图片文件的解决办法!
- 服务器上的文件无法复制到本地,本地也不能上传到服务器
- oracle expdp导入时 提示“ORA-39002: 操作无效 ORA-39070: 无法打开日志文件 ”