We couldn’t sign you in
Select the account you want to use.

关于作者本文由 MVP 蒋建华 提供。感谢 MVP 分享他/她的技术信息和个人经验。

问题症状:当你使用 Internet Explorer 9(以下简称IE9)打开网站时,很可能会碰见网站页面无法正常显示的情况,如页面布局出现混乱,该浮动到右边的内容显示在页面左边,背景图片显示不正常,页面文字出现折行,图片或页面被拉伸等等。这些在 IE 9 下显示不正确的网站大多都是时间比较早的网站,设计时也只能考虑兼容早期版本的 Internet Explorer。

如果 Internet Explorer 9 发现某一网页显示不正常,就会在地址栏上显示“兼容性视图”按钮,如下图所示:



原因分析:

在早期制作 Web 页面的时候,使用的 Internet Explorer 里常见的有 Internet Explorer 6、Internet Explorer7、Internet Explorer8,会考虑到当前 Internet Explorer 的版本,而无法考虑后来的版本。那么就造成了网站页面的布局在将来的版本中可能显示不正常的情况。

从技术角度来看,这个问题实质上是页面层叠样式表(Cascading Style Sheets,CSS)的问题,因为不同的 Internet Explorer 版本对 CSS 的支持不一样,所以导致了显示的不正常。如果有人问:既然 CSS 不兼容导致了显示问题,那么不使用 CSS 呢?事实上 CSS 的作用是定义网页的外观(如页面布局、字体、颜色、位置等等),也可以和 JavaScript 结合做出许多动态的效果,没有 CSS 的网页是丑陋的。有了 CSS 则要考虑兼容性,主流浏览器 CSS 的兼容性参考下图:



解决方法:

如果 Internet Explorer 9 发现某一网页显示不正常,就会在地址栏上显示“兼容性视图”按钮,微软会通过 Windows Update 推送 IE 的兼容性列表,以持续改进某些网站的兼容性设置。要实现这些设置有三种方法。

方法一:使用地址栏兼容性视图按钮视图

可以直接点击地址栏的兼容性图标按钮视图来设置其兼容性,点击过一次兼容性按钮后,此按钮会变灰色,如下图:



方法二:使用 IE 9 工具栏自带的兼容性视图

点击“工具”->“兼容性视图”,操作如图所示:



提醒:如上图所示,您可以使用“兼容性视图设置”来对需要使用兼容性视图的网站/页面进行设置。

方法三:使用针对开发人员的开发工具(在键盘上按F12可将其调出)

选择需要的浏览器模式即可,如下图所示:






社区解决方案内容免责声明

MICROSOFT CORPORATION 和/或其供应商对于此处所包含信息和相关图形的适用性、可靠性或正确性不做任何保证。所有此类信息和相关图形均“按现状”提供,没有任何形式的担保。MICROSOFT 和/或其各自的供应商特此声明拒绝有关该信息和相关图形的所有担保和条件,包括对适销性、适用于某种特定用途、工艺、所有权和非侵权的所有暗含担保和条件。您明确同意在任何情况下,不论是依据合约、民事侵权、过失、无过失责任或其它条件,对于因使用本文件所包含的信息或相关图形所产生的任何直接、间接、惩罚性、附随性、特殊性、衍生性损害或任何形式的损害(包括但不限于使用的损失、数据或经营利益等损害),MICROSOFT 和/或其供应商均不负责,即使 MICROSOFT 或其供应商事先被告知有可能发生该损害赔偿时,也是如此。


需要更多帮助?

扩展你的技能
了解培训
抢先获得新功能
加入 Microsoft 内部人员

此信息是否有帮助?

你对语言质量的满意程度如何?
哪些因素影响了你的体验?

谢谢您的反馈!

×