`

IE8避免网页显示混乱

阅读更多


   IE8实现“超级标准模式”的事儿,IE开发团队为了让只认识IE的,用 IE6/7的所谓“符合标准”代码,错误的实现他们想要的样式的网页作者们不用修改他们的网页,决定让IE8在“标准模式”下实现IE7的显示结果,而实现“更正确”的标准需要在网页中加入一段META信息。
嗯,技术一点来说,IE6依靠DOCTYPE来区分怪癖模式(IE5.5或更早版本的绘制网页方式)和标准模式,但IE6实现的“标准模式”依然有许多错误,而当IE7改进“标准模式”时,这些“错误的标准模式的代码”就会展现出错误的样式。为了避免该问题再发生在IE8身上,IE团队决定使用一个META标签或HTTP包header来告诉浏览器,用“超级标准模式”来绘制网页,而现在的标准网页将默认为IE7的绘制方式。
  如果ACID2测试网页要想在IE8下正确表现,ACID2测试需要修改网页,加上一个META信息,告诉IE8用“超级标准模式”。<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

  随着IE8 beta1的发布,发现连sina有显示问题,由于IE8 对标准的“良好”执行,当 XHTML 文档使用 Transitinal 类型时,会自动选择 Quirks 模式,即 IE5 的模式来解析,所以也就不难理解为何大多数站点会遭遇显示问题了。
  如何处理该问题呢?方法如下:
  1. 将文档类型改成 Strict。也就是将
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  改成
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
  2. 该完之后如果还没有解决问题,那么只好强制声明了,在 </head>结束之前加入
  <meta http-equiv="X-UA-Compatible" content="IE=8" />
  如果需要工作在 IE7 Strict 模式下,改成 IE=7。
   这样一来,破相的问题就基本解决了。如何查看 IE8 的工作模式呢,在 IEBlog 的留言中有解答,执行 javascript:alert(document.documentMode);,返回 5,说明工作在 IE5 Quirks 模式下;返回 7,说明工作在 IE7 Strict 模式下;返回 8,说明工作在 IE8 Standards 模式下。
分享到:
评论

相关推荐

    IE8如何定义浏览器工作模式避免网页显示混乱

    标题中的“IE8如何定义浏览器工作模式避免网页显示混乱”主要涉及的是在IE8浏览器中,如何通过调整浏览器的工作模式来确保网页的正确显示。在IE8 beta1版本推出后,许多网站,包括新浪,遇到了显示问题,主要是由于...

    win7 IE显示

    在Windows 7中,IE是系统内置的默认浏览器,用户可能会遇到各种与显示相关的问题,例如网页加载不完全、字体显示模糊、工具栏消失或布局混乱等。 首先,我们来看文件“Win7 IE图标恢复.reg”。这个文件的扩展名是....

    IE6升级到IE9兼容性问题和操作手册

    1. **文字显示**:在IE9中,泰语和东亚语文本及字体大小的显示可能与其他字符不一致,需要对这类语言的样式进行特别调整。 2. **XML模式中的行为连接方法**:某些在XML模式下不再可用的行为连接方法,可能需要...

    IE5,IE6,IE7,IE8 IE测试浏览器(多浏览器一键安装版)install-ietester

    IE测试浏览器主要用于开发者和网站设计师,他们需要确保他们的网页在不同版本的IE浏览器下都能正常显示和运行。这个工具允许用户在同一台电脑上快速切换和测试这些旧版本的浏览器,而无需实际安装每个单独的IE版本。...

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

    这段代码告诉IE8使用IE7的渲染引擎来解析和显示网页内容,从而避免因标准模式下的不兼容问题而产生的布局混乱。这种方式对于那些没有进行标准兼容性更新的老网站来说,是一个快速且简单的解决方法。 然而,这种方法...

    IE 7 浏览器 64位

    相比IE6,IE7对Web标准的支持有所提升,如CSS2、XPath和XSLT等,这有助于正确显示符合标准的网页,减少网页排版问题。 8. **历史记录和收藏夹管理** IE7改进了历史记录和收藏夹的管理方式,用户可以更方便地整理...

    css常见的bug(ie)

    当两个浮动的DIV相邻时,IE可能会在它们之间显示3像素的间隙。解决方法包括使相邻元素也浮动,或者为已浮动的元素添加负margin。 8. **宽度和高度的问题**: IE不支持`min-`前缀,但它实际上把正常的width和...

    浏览器兼容性CSS,IE6,IE7,FF

    `来显示手形光标,兼容性更好,而`hand`仅适用于IE。 通过这些技巧,我们可以更好地解决IE6、IE7和Firefox之间的CSS兼容问题,为用户提供一致的浏览体验。不过随着浏览器的更新迭代,IE6和IE7的使用率逐渐降低,...

    IE8 控件错位的解决方法

    这种做法源于IE8支持多种文档模式,其中“IE=EmulateIE7”指令可以让IE8以IE7的兼容性模式来渲染网页,从而尽可能地避免在IE8中出现的兼容性问题。这行代码的全貌是&lt;meta http-equiv="X-UA-Compatible" content="IE=...

    CSS浏览器兼容问题整理(IE6.0、IE7.0_与_FireFox)

    这个问题对于Web开发者来说至关重要,因为不同的浏览器可能对CSS的解析和渲染方式存在差异,导致网页在不同浏览器上显示效果不一致。本文将根据给定的部分内容,深入探讨几个关键的CSS兼容性问题及其解决方案。 ###...

    DELPHI做的多页面IE内核浏览器源码

    这种设计提高了用户的操作效率,避免了打开多个独立窗口的混乱。实现这一功能通常需要自定义一个容器控件,用于管理和显示多个WebBrowser实例。 4. **事件处理和通信**:为了处理各个页面间的交互和控制,开发人员...

    Internet-Explorer-8-使用技巧.pdf

    如果遇到网页显示异常,比如图片错位或文字排版混乱,可以使用IE8的“兼容性视图”功能。当浏览器检测到网页不兼容时,地址栏右侧会出现“兼容性视图”按钮。点击此按钮,网页通常会恢复正常。一旦使用过该功能,IE...

    ie6中页面的bug

    8. **避免使用百分比尺寸**:在IE6中,基于父元素比例的尺寸可能导致布局混乱。为了避免这种情况,应尽量使用固定尺寸,或者在需要使用百分比的场合,确保父元素有一个明确的高度。 9. **透明度处理**:IE6不支持...

    DIV+CSS设计时IE6、IE7、FF 与兼容性有关的特性

    在网页设计中,`DIV+CSS`是一种常用的技术,它能够实现页面的结构与样式分离,提高...这些技巧和方法能够帮助开发者在面对不同浏览器的CSS兼容性问题时,更好地进行代码优化和调试,确保网页在各种环境下都能正常显示。

    ie6十大兼容性问题

    总之,通过上述十个技巧,开发者可以有效地解决IE6中的大部分兼容性问题,从而确保网页在该浏览器下的正常显示。这些方法不仅有助于提高页面的稳定性,还能让开发者更好地应对不同浏览器环境带来的挑战。

    面目全非的网页

    最后,为了确保网页在不同浏览器(如IE和Netscape)间有良好的兼容性,需要注意以下几点:避免混合使用层和表格进行布局,尤其是避免层级关系混乱;尽量使用链式或内嵌式CSS,避免内联CSS可能出现的问题;必要时在空...

    网页排版应该考虑IE6的兼容性问题

    IE6只支持标签显示hover样式,其他标签中的hover样式将不会生效。 7. 使用!important或高级选择器来区分IE浏览器 可以使用!important或高级选择器来区分IE浏览器,例如,使用min-height可以避免使用CSS来实现对IE...

    IE浏览器选项卡的移动、分拆与合并.docx

    这个功能使得你可以根据需要快速调整不同网页的显示顺序。 接下来是分拆选项卡。如果你正在浏览的某个网页非常重要,或者你需要在一个独立的窗口中查看,可以将它分拆出来。同样地,左键单击目标选项卡,但这次不是...

    Dreamweaver制作网页经典问题

    8. 固定网页文字大小:为了使网页中的文字不受浏览器字体大小设置的影响,可以使用CSS(层叠样式表)来设置字体大小,例如: ``` body { font-size: 14px; /* 修改这里的值以设置固定字体大小 */ } ``` 这样,...

    区分IE6,IE7和firefox的CSS hack

    本文将详细介绍如何使用CSS Hack来区分IE6、IE7和Firefox,从而确保网页在各个浏览器中呈现一致的效果。 首先,我们来看一下几种常见的区分方法: 1. 区分IE6与Firefox: 在CSS中,我们可以利用Firefox不识别`*`...

Global site tag (gtag.js) - Google Analytics