• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > IE9 CSS因Mime类型不匹配而被忽略问题相关解答

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含IE9,CSS,Mime类型等相关知识,佚名 希望在学习及工作中可以帮助到您
写页面的时候在chrome,fireforks等页面上显示正常,但是换成IE9之后就完全没有样式了。IE真是个奇葩的怪胎。它的报错信息是’CSS 因 Mime 类型不匹配而被忽略‘,也就是说所有的.css文件全部都不起效果了。去网上查了一些资料,有很多与这个问题相关的回答。

首先要明白Mine类型是个什么。MIME类型就是设定某种指定扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开,多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。与之相关主要的是web.xml文件。web.xml 是网络程序中的一个很重要的配置文件。当启动一个WEB项目的时候,WEB容器会去读取它的配置文件web.xml,读取<listener>和<context-param>这两个结点。

而在IE9的新安全机制中,要求web服务器返回的http 头信息中content-type必需写明css文件的MIME-type为'text/css',否则IE9不会将它作为css文件来处理。如果想要ie9也能正确的显示css文件定义的样式,需要修改服务器端返回给客户端的css文件的http header头信息中对应的mime类型。

如何修改返回的css MIME信息:

修正css 文件的返回mime信息有不同方法,一是修改服务器配置或者服务器程序,对于css文件输出正确的mine头信息。这个要对iis设置进行操作,对于自己的服务器来说可行,但对于使用虚拟主机的站长来说就不是和容易做到了,这里就不细说了。

另一种另类方法是,通过配置web.xml文件,要求服务器输出正确的css mine信息。

在web.xml加入内容:

您可能想查找下面的文章:

  • 写CSS样式做浏览器兼容时区别ie8和ie9的方法
  • IE9下DIV本来应该居中的结果显示为居左
  • select选项过长无法显示设置overflow:hidden在IE9中不起作用
  • 解决EXT.NET在IE9下中文太小Default.css
  • IE9的css hack使用示例
  • IE9 CSS因Mime类型不匹配而被忽略问题相关解答
  • Discuz7.2 IE9兼容性写法 杜工完全修补方案
  • IE9下(table/div/图片)的居中问题
  • ie9崩溃现象当js设置tr元素样式为display:none
  • ie6~ie9 hack兼容写法 已测试

相关文章

  • 2017-08-06用CSS设定一个元素半透明
  • 2017-08-06使用CSS3制作响应式导航菜单的方法
  • 2017-08-06CSS3毛玻璃效果(blur)有白边问题的解决方法
  • 2017-08-06区分IE6,IE7,IE8和FF的css hack
  • 2017-08-06运用比较纯的CSS打造很Web2.0的按钮
  • 2017-08-06HTML5时代CSS设置漂亮字体取代图片
  • 2017-08-06在支持HTML5的浏览器上运行WebGL程序的方法
  • 2017-08-06深入理解CSS中选择器的逻辑处理
  • 2017-08-06最常用和实用的CSS技巧
  • 2017-08-06css3实现针线缝合效果(图解步骤)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • CSS3实现swap交换动画
    • 部分透明的蒙版效果实现思路(兼容ie6)
    • 你对CSS布局中的Position了解程度有多少
    • CSS3转换功能transform主要属性值分析及实现分享
    • css3 条纹化和透明化表格Firefox下测试成功
    • CSS中基代码base.css一览
    • css中url的路径含义
    • CSS 避免使用滤镜
    • CSS Sprite打造的个性化导航菜单代码
    • Photoshop CSS网页制作的背景图 主题的引用样式

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有