ie兼容模式css样式,css ie兼容写法

如何处理css与IE兼容性问题

IE浏览器从IE8开始添加了兼容模式，开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题，于是通常在HTML中添加下列代码来使

IE

使用固定的渲染模式：

代码如下:

以IE8模式渲染

以IE7模式渲染

还

有一种情况，在IE8下只有不使用兼容模式页面才能显示正常，但是如果设定为IE8的模式，在IE9中却会导致CSS3失效。看来，需要针对

IE8、IE9

分别

禁用兼容模式。怎么办呢？可以在后台判断浏览器版本，如果是IE8就输出content="IE=8"，如果是IE9就输出

content="IE=9"。其实还可以单纯通过HTML来实现的，HTML代码如下：

经测试后完美解决了兼容模式问题，这样设置后IE中设置兼容模式的按钮也会消失，可以按F12打开“开发人员工具”来检查浏览器模式。

相关问答

Q1: 怎么解决ie不兼容css3的问题

e浏览器从ie8开始添加了兼容模式，开启后会以低版本的ie进行渲染。兼容模式有可能会导致网页显示出问题，于是通常在html中添加下列代码来使

ie

使用固定的渲染模式：

代码如下:

metahttp-equiv="x-ua-compatible"content="ie=8"!--以ie8模式渲染--

metahttp-equiv="x-ua-compatible"content="ie=7"!--以ie7模式渲染--

还

有一种情况，在ie8下只有不使用兼容模式页面才能显示正常，但是如果设定为ie8的模式，在ie9中却会导致css3失效。看来，需要针对

ie8、ie9

分别

禁用兼容模式。怎么办呢？可以在后台判断浏览器版本，如果是ie8就输出content="ie=8"，如果是ie9就输出

content="ie=9"。其实还可以单纯通过html来实现的，html代码如下：

metahttp-equiv="x-ua-compatible"content="ie=9;

ie=8;

ie=7;

ie=edge"

Q2: 兼容模式下ie9和ie10显示样式在不兼容模式下为什么不加载css样式？

这是因为IE自从IE9开始，会对网页的MIME类型进行验证，如果MIME类型不正确的话，就不会加载相应的样式表或者JS文件，这也是出于安全的考虑。\x0d\x0a造成IE9以上浏览器无法加载CSS样式表的，有几个可能的原因，一个可能是你的CSS样式引用的书写方式不正确，导致在IE9和IE10下面无法通过MIME的检查，如果是这个原因，在代码里面修改一下css样式引用的方法就行了。\x0d\x0a另外一个可能的原因，可能是你在电脑里面安装了代理软件或者其他什么与代理相关的软件，如wallproxy之类的，这一类软件可能会在打开本地HTML文件时修改mime类型，把type替换为stain之类，这个没有什么特别好的解决方法，要么卸载这些软件，要么重新安装一下试试。\x0d\x0a如果你是自己配置服务器后出现了这个问题，那么就可能是第三个原因了，在服务器端没有配置css的mime类型，这个对应的在IIS或者apache里面添加一下css的type就行了。