`
yuexiahandao
  • 浏览: 15426 次
社区版块
存档分类
最新评论

一行代码解决各种Ie兼容问题,ie6,ie7,ie8,ie9,ie10

    博客分类:
  • js
阅读更多
一行代码解决各种Ie兼容问题,ie6,ie7,ie8,ie9,ie10,
<meta http-equiv="X-UA-Compatible" content="IE=7" />
以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="edge" />
以上代码告诉IE浏览器,Windows以最高版本的IE显示内容。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
根据 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。对于用上IE9/IE10的人,想跳过IE8,指定在IE7和IE9中渲染,得使用了MSDN文档推荐的语法:
<meta http-equiv="X-UA-Compatible" content="IE=7;IE=9" />
但是,以上兼容IE7/IE9的语法方式,会在IE8里会导致BUG,发现在IE8下并没有以IE7的文档模式来渲染页面。
正确的语法规则:
1.定义多种文档模式时,使用逗号(,),而非文档中提到的分号(;) 。
补充:
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模 式。

X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式。由于当下 IE6 和 IE7 使用率依然较高,综合考虑,启用 IE8 版本的 X-UA-Compatible 兼容模式显得相当重要。
各种兼容模式代码示例如下:
<meta http-equiv="X-UA-Compatible" content="IE=5" />
像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似。
<meta http-equiv="X-UA-Compatible" content="IE=7" />
无论页面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的标准渲染模式。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
开启 IE8 的标准渲染模式,但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本,因此等同于冗余代码。
<meta http-equiv="X-UA-Compatible" content="edge" />
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。
参考:
http://www.cnblogs.com/liuzhendong/archive/2012/03/22/2411955.html
分享到:
评论

相关推荐

    一行代码解决各种IE兼容问题

    一行代码解决各种IE兼容问题IE6,IE7,IE8,IE9,IE10

    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 &lt;!Doctype html&gt; ...

    解决各种IE兼容问题_IE6_IE7_IE8_IE9_IE10

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 1 &lt;!Doctype html&gt; 2 &lt;... 3 &lt;...

    一行代码解决各种IE兼容问题(IE6-IE10)

    本文主要介绍了一行代码解决各种IE兼容问题(IE6-IE10)的方法,具有很好的参考价值。下面跟着小编一起来看下吧

    让IE8启动IE7兼容模式的代码

    简单一行代码,让IE8自动调用IE7的渲染模式 只需要在页面中加入如下HTTP meta-tag: &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt; 只要IE8读到这个标签,它就会自动启动IE7兼容模式,...

    修复网页在IE8 下的显示兼容问题

    一个简单快捷的方法就是让IE8继续IE7的显示引擎来显示你的网站,我们称这个旧的显示引擎为兼容视图(Compatibility View) 。 在网页里面加入这行代码就可以使IE8使用兼容视图: &lt;meta ...

    Gridview 固定行与列 冻结表头和列 jquery实现 兼容IE10 谷歌 火狐

    之前上传一个资源css冻结表头冻结第一列,有评论说有些浏览器不兼容,针对这一问题用jquery来解决冻结行和列的兼容问题。 Gridview 固定行与列,jquery实现 兼容IE6-IE10,谷歌,火狐等多种常用版本浏览器。 asp.net...

    针对IE浏览器的兼容问题小结

    怎么用一行代码解决CSS各种IE各种兼容问题 &lt;meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"/&gt; X-UA-Compatible:是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 ...

    div+css兼容性

    用一行代码来解决CSS在,IE6,IE7,IE8,IE9,IE10 中的各种兼容性问题。在网站前端写代码的过程中,很多时间IE各个版本的兼容问题很难整。

    WIN7操作系统下做好IE6,IE7的兼容性测试

    前端开发的同行们,特别是涉及页面重构一块的,在web页面完成的时候,一般都要进行个主流浏览器的兼容性测试,一般情况下,像火狐,opera,safari,chrome这种浏览器,直接在网上下载最新的版本就行了,但是IE6,7,8,...

    IE9版本以下ajax 跨域问题可行解决方法

    让测试就发现问题了,IE8下请求不到数据,然后我查看一下自己写的js看有没有不兼容问题,可是都没有啊,为什么就请求不到呢。 我把ajax的error打印出来提示no transport,网上找了资料在js中第一行加这个就可以了...

    多种方法解决min-width 不兼容ie6的问题

    把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。 方法二: 复制...

    VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决

    问题现象 项目使用vue/cli3脚手架搭建的前端项目,vue版本为...包含的代码中有ES6的语法,IE不支持,查了网上很多资料都说使用babel-polyfill来解决。 现象一:IE不支持ES6语法 Vuex requires a Promise polyfill

    IE与FireFox的JavaScript兼容问题解决办法

    1、动态删除table里的某一行。 table:表示table对象。 k:表示行号 table.rows[k].removeNode(true); //firefox执行失败,ie执行成功 IE与FireFox兼容写法 table.deleteRow(k); 2、为HTML标签自定义属性。 input...

    table2excel(解决IE下导出{table[0]}的问题)

    table表格导出excel插件修改版,解决IE以及兼容模式下导出{table[0]}的问题

    兼容IE,firefox日期选择控件

    一个用于日期选择的js控件,兼容IE,firefox。 使用方法: 1)引用js文件:WebCalendar.js 2)在需要的地方调用方法:SelectDate(obj,'yyyy-MM-dd'),其中obj为日期输入目标的引用(好像说复杂了,其实很多时候我们只用...

    important的妙用解决firefox和ie的css兼容问题

    对于某些内容可变的层(比如用户评论),我们希望它有个最小的高度 (比如30px),这样的话,即使内容只有一行字,也不会太难看;同时又希望在内容比较多的时候,层的高度能自动撑开,也就是要求height: auto。这...

Global site tag (gtag.js) - Google Analytics