IE6-IE9浏览器HTML与CSS兼容性解析

HTML

需积分: 9 169 浏览量更新于2024-07-23 收藏 1.74MB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

"这篇文档详述了从IE6到IE9在HTML、CSS以及JavaScript和DOM方面的兼容性处理，提供了一系列示例，是前端开发者的重要参考资料。" 文章内容概述: 在前端开发中，尤其是在处理老版本的Internet Explorer浏览器时，兼容性问题是一个常见挑战。本文档针对IE6至IE9，分别讲述了HTML、CSS和JavaScript的更新与兼容性差异，旨在帮助开发者解决这些问题。一、HTML兼容性 1. IE7-IE8的更新：对于缺少结束标记的`<p>`元素，如果后面跟着`<table>`、`<form>`、`<noframes>`或`<noscript>`元素，IE7和IE8会自动补全`</p>`结束标记。同时，这些浏览器开始支持格式正确的HTML，不再容忍格式错误的标记。 2. IE8-IE9的更新：表格对象的渲染更接近其他现代浏览器的标准，文本布局不再依赖于图形设备接口(GDI)，而是采用自然度量。二、CSS兼容性 1. IE6-IE7：方框模型的改变，溢出内容不再使方框自动扩展；CSS筛选器如`*HTML`、`_underscore`和`/**/`注释不再被支持；解决了`<select>`元素无法被`<div>`覆盖的问题。 2. IE7-IE8：CSS表达式不再被支持，转而支持增强的CSS或DHTML逻辑；`currentStyle`对象的`Unset`属性现在返回初始值，`style`对象的`Unset`属性值返回空字符串。 3. IE8-IE9：泰语和东亚语文本的显示可能出现比其他文字小的问题；某些行为链接方法在XML模式下不可用。三、JavaScript和DOM兼容性 1. IE6-IE7：不再允许使用`window.opener`技巧来绕过`window.close`的提示；脚本创建的模态或非模态对话框尺寸有所变化。 2. IE7-IE8：支持使用"class"语法，不推荐使用"className"属性语法；属性集合不再包含所有可能的Internet Explorer识别属性，导致排序和innerHTML、outerHTML的处理方式改变；GetElementById函数开始区分大小写，并停止搜索名称属性。 3. IE8-IE9：在`createElement`方法中禁止使用尖括号<>；IE9标准模式下不支持`arguments.caller`属性；不支持无`.call`或`.bind`的函数指针调用；不再连接内容属性和DOM expando；JavaScript属性列举的行为在IE9中有所变化；数学运算的精确性得到改进。这份文档提供了对IE6到IE9之间HTML、CSS和JavaScript差异的详尽解释，对前端开发者解决浏览器兼容性问题具有重要指导价值。了解并掌握这些变化，可以有效地提高网站在旧版IE浏览器上的表现，提升用户体验。

资源详情

资源推荐

U

62+,0#0*1+-20Q,8+-20&P

U

<-.,70=

<@+6*=

<*1=

<062+*GN:1062+N=

<0*1=

<0,=<0*=8<0*=<0,=

<0,=<0*=8<0*=<0,=

<0*1=

<K0=

<0,=<0*=0<0*=<0,=

<K0=

<0@+6*=

<0,=<0*=+6*<0*=<0,=

<0@+6*=

<0@+6*=

<0,=<0*=+6*<0*=<0,=

<0@+6*=

<062+=

<A)).2.EGN @+.E62+#&N= 2.E+<A)=

<*1=

<@0:2=

点击 2.E+ 按钮， 将弹出提示，显示有三个 0*1?实际上只有一个 0*1，但是  将

多余的一个 0@+6* 和一个 K0 都各自单独计入一个 0*1 里了。而  则不会有这个问题，

只显示有一个 0*1。

注释：62+ 包含0@+6*、K0以及0*1子元素，0@+6* 元素用于定义表格的表头，K0

用于定义表格的表尾，0*1 为表格中的主体内容。0@+6*元素应该与0*1 和K0 元素结

合起来使用。

解决方案及正确写法!

注意此特性，规避风险。

相关资源：

 文本布局使用自然度量而不是图形设备接口#$%&度量。

% 原文：Text Layout Uses Natural Metrics.

所属分类版本更新

 

具体描述及示例：

对于 标准模式中的文字版面配置，使用自然度量法，而非旧版 浏览器使用的图形

装置介面#$%&度量法。$%度量法会将文字与像素界限对齐，而自然度量法则会使用内部

像素的间距来呈现更准确且更容易阅读的文字。

。

的其他文件模式则继续使用 $%度量法。

针对旧版文件模式所写的页面版面配置在 中可能无法正确显示。最常見的错误是未预

期的文字換行，這可能会遮盖位于换行文字下方的元素。当文字方块沒有多余的水平空间

或是当文字方块的大小与頁面上的其他元素#例如图形&相连时，很可能会发生此错误。

,0+;02610)06)*6,*-:*+?L)*8-)0+,)+0;72,+,-+-)60,62:+0,.-)-0+6*

H0@+>,67@.62*+/.+)0+,H6.+#$%&:+0,.-0@600@+,.,-BL)*8-,8-+,--+$%

:+0,.-62>)0+;007;+2)*6,+-?0)60,62:+0,.--+)0+,7;+2-76.)>0.,+60+:,+

6..,60+21,+)*+,+*6)*,+6*62+0+;0

0@+,*.:+)0:*+-H,L)*8-)0+,)+0;72,+,.)D)+0-+$%:+0,.-

6>+2610-0@606,+8,A+)H,+6,2+,*.:+)0:*+-:>@0*-7261).,,+.021))0+,)+0

;72,+,@+:-0.::)+,,,-)+;7+.0+*0+;08,677)>?8@.@.6)./+,+2+:+)0-0@60

6,++280@+8,677+*0+;0@-+,,,-:-02E+218@+)60+;0;*+-)0).2*++;0,6

@,C)062-76.+,8@+)0@+-C+H0@+0+;0;-.))+.0+*06)0@+,+2+:+)0)0@+76>+?

-.@6-6>,67@.

解决方案及正确写法!

不要假设特定字型的大小在不同浏览器间或是在相同浏览器内都会依相容的方式呈现，因

为使用者有可能会缩放浏览器的字体#例如，"V&。

利用下列设计准则，可确定您的网页显示文字版面配置的方式一致：

将 +;0; 的大小设定为特定的像素数。

在 +;0; 中留些余量空间，避免空间过紧。

使用非 06D. 大小的 +;0;。

在与其他页面元素相连接处包含额外空间。

"如果您允许用户改变页面字体的大小，就要请您确认页面可以适应文字换行。

如果您发现文字换行的问题，请您调整页面，确保页面可以恰当地呈现文字。

避免对文字版面配置采用下列设计：

指望字型大小在不同浏览器间以相同的方式呈现。

使用 06D. 大小的 0+;0;。

关于 06D. 大小的 0+;0;?含义如下例：

<)70017+GN0+;0N-012+GN8*0@!7;N=

这里就指定了 0+;0; 的 -C+，非静态 ))-06D.6221 意思是说我们不要去指定 -C+。如果一

定要指定，尽量用如上的 7; 作为单位。

剩余37页未读，继续阅读

xiaowanzi80hou

粉丝: 4
资源: 9

IE6-IE9浏览器HTML与CSS兼容性解析

IE6 -- IE8浏览器CSS兼容性查询手册【gif格式】

div+css ie6-8 FF等多浏览器兼容

IE6-IE9兼容性问题列表及解决办法

HTML-CSS入门-理解CSS选择器权重的精华

postcss-flexbugs-fixes插件解决Flex布局兼容性问题

HTML-CSS入门-独家揭秘：CSS实战技法

CSS兼容性与调试技巧的解析

postcss-px-to-viewport 不兼容ie

vue ie11css兼容

IE支持css3插件

html兼容iecss

html怎么设置火狐ie兼容模式,IE、Firefox和Chrome之间的CSS兼容性(wordpress)

css省略号兼容ie

除了html5shiv还有什么可以解决IE9以下的兼容

postcss-px-to-viewport 在ie内核中不好使

如何用Polyfill解决css样式在不同浏览器的兼容问题。

js原生轮播图兼容ie9

css水平居中兼容ie

写一个html+css+js兼容ie8的好看搜索框

最新资源