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

一行代码解决各种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兼容问题,IE6,IE7,IE8,IE9,IE10

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

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

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

    解决各种IE兼容问题_IE6_IE7_IE8_IE9_IE10

    由于不同版本的Internet Explorer(IE6、IE7、IE8、IE9、IE10)对Web标准的支持程度不一,这导致在这些浏览器中运行同一段代码可能会出现差异。幸运的是,有一些技术手段可以帮助我们解决这些问题。 首先,一个关键...

    IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例

    这里的`\9`是一个特殊的字符串,被IE6至IE8所识别,而非IE浏览器则会忽略这一行,从而实现样式差异化。 ### 2. 区分IE6、IE7、IE8、Firefox 为了更精细地控制不同版本IE及Firefox的样式,可以利用特定的Hack符号:...

    一句代码解决IE8兼容问题.docx

    本文将介绍一种简单的方法,通过一行代码来解决IE8的兼容性问题。 首先,我们需要理解为什么会出现兼容性问题。浏览器之间的差异主要源于它们对Web标准的实现不一致,特别是对于那些较旧的标准或者尚未被广泛接受的...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    在网页设计中,`DIV+CSS`是一种常见的布局方式,然而不同版本的Internet Explorer(IE6、IE7和IE8)对于CSS的支持存在诸多兼容性问题。这些问题往往导致页面在不同浏览器中显示不一致,增加了开发者的调试难度。下面...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

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

    1、使用一行代码来指定浏览器使用特定的文档模式。 &lt;meta http-equiv="x-ua-compatible" content="IE=9" &gt; &lt;meta http-equiv="x-ua-compatible" content="IE=8" &gt; &lt;meta ...

    IE6、_IE7、IE8、Firefox兼容性问题

    在网页开发中,兼容性问题是一个常见且棘手的问题,尤其是涉及到老版本的Internet Explorer(IE6、IE7、IE8)和Firefox等其他浏览器。这些浏览器对于CSS(层叠样式表)的解析方式存在差异,导致在不同浏览器中页面...

    ie6,ie7兼容性总结

    在Web开发过程中,特别是针对早期浏览器如Internet Explorer 6 (IE6) 和 Internet Explorer 7 (IE7) 的支持时,开发者经常会遇到一系列兼容性问题。这些问题往往源自于不同浏览器对CSS规范的不同实现方式。本文将...

    全面兼容所有IE的简单方法

    这行代码告诉IE8模拟IE7的渲染模式,从而简化兼容性处理。 #### 五、结论 通过上述CSS技巧的应用,我们可以有效地解决在不同版本的IE浏览器中的兼容性问题。同时,还需要注意HTML文档的头部信息是否符合标准格式,...

    IE兼容性总结

    本文档将根据提供的部分内容,详细总结在进行IE兼容性优化时的一些常见问题及解决方案。 #### 子页面的设置:secpagecss.css 1. **元素ID(#left_side)的右边框问题** - **问题描述**:元素ID为`#left_side`的...

    DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf

    本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer(IE6、IE7、IE8、IE9)之间的CSS差异。以下是一些关键知识点的详细说明: 1. **CSS Hack**: - CSS Hack...

    WEB程序兼容IE代码

    #### 知识点一:理解IE兼容性问题 - **背景介绍**:随着浏览器技术的发展,新的标准与特性不断被引入,而旧版本的Internet Explorer(如IE8及以下版本)可能无法正确解析或显示这些新特性。这导致了很多网站在这些...

    IE10兼容性白皮书

    ### IE10兼容性白皮书关键知识点解析 #### 一、HTML5增强用户体验的关键特性 **1. Canvas元素:** - **定义:**Canvas 元素是 HTML5 中新增的一项强大功能,允许开发者在页面上绘制图形。 - **优势:** - 可以在...

Global site tag (gtag.js) - Google Analytics