Css兼容IE8版本的解决方法

来源：互联网发布：数据库管理规范编辑：程序博客网时间：2024/05/14 16:54

当使用 Microsoft Internet Explorer 8 Beta 1 版本时，可能会遇到以下问题之一：

网页布局不整齐
文本或图像重叠
JavaScript 功能有问题或错误

之所以发生这些问题，是因为 Internet Explorer 8 Beta 1 默认情况下使用它最新的“标准模式”来显示网页，但是目前大多数的网页都是在 Internet Explorer 7 标准模式下创建和测试的。

为了确认在 Internet Explorer 8 标准模式下浏览确实是问题的根源，请执行以下步骤：

打开 Internet Explorer 8 Beta 1。

注意如果没有安装 Internet Explorer 8 Beta 1，您可以从以下 Microsoft 网站下载：:
http://www.microsoft.com/china/windows/products/winfamily/ie/ie8/getitnow.mspx (http://www.microsoft.com/china/windows/products/winfamily/ie/ie8/getitnow.mspx)
在菜单栏上单击“模仿 IE 7”，然后关闭 Internet Explorer 浏览器窗口。
打开 Internet Explorer 8 Beta 1，确认“模仿 IE 7”按钮已按下，然后访问受影响的网站。
确认受影响的网站现在显示正确。
单击“模仿 IE 7”以禁用 Internet Explorer 7 模仿，然后关闭 Internet Explorer 浏览器窗口。
打开 Internet Explorer 8 Beta 1，然后访问受影响的网站，以确认在禁用 Internet Explorer 7 模仿之后又遇到了问题。

要解决这些问题，网站所有者和管理员可以添加特定元标记，使 Internet Explorer 8 知道是显示整个网站还是如 Internet Explorer 7 仅显示特定网页。即该 META 标记可以使 Internet Explorer 根据 Doctype 元素声明，以 Internet Explorer 7 Standards (Strict) 模式或 Internet Explorer 5 (Quirks) 模式呈现网页。

注意：添加 Internet Explorer 7 兼容性标记应该可以解决大多数显示问题。但是，网站上的浏览器检测功能可能也需要更新。要了解更多信息，请访问以下 Microsoft 网站：

http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/DevelopersExisting.htm (http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/DevelopersExisting.htm)

您可以使用以下选项强制 Internet Explorer 8 像 Internet Explorer 7 一样呈现网页：

以网站为基础
网站所有者和管理员可以包含以下自定义 HTTP 头强制 Internet Explorer 8 像 Internet Explorer 7 一样呈现网页：

[code]X-UA-Compatible:IE=EmulateIE7[/code]

要在基于 Windows Server 2008 的计算机上的 Internet Information Services 7 中的网站级别添加自定义 HTTP 响应头，请按照以下步骤操作：

单击“开始”，单击“管理工具”，然后单击“Internet Information Services (IIS) 管理器”。
在“连接”下，双击需要的服务器，然后双击“站点”。
单击要添加自定义 HTTP 响应头的网站。
在“Web site name 主页”下，双击 IIS 部分中的“HTTP 响应头”。

注意：在此步骤中，Web site name 是网站的名称。
在“操作”下，单击“添加”。
在“名称”框中键入 X-UA-Compatible。
在“值”框中，键入 IE=EmulateIE7。
单击“确定”。

要在 Internet Information Services 6 和早期版本的网站级别添加自定义 HTTP 响应头，请按照以下步骤操作：

依次单击“开始”、“运行”键入 inetmgr.exe然后单击“确定”。
展开所需服务器，然后展开“网站”。
右键单击所需的网站，然后单击“属性”。
在“自定义 HTTP”下，单击“添加”。
在“自定义头名称”框中，键入 X-UA-Compatible。
在“自定义头值”框中，键入 IE=EmulateIE7。
单击“确定”两次。

以网页为基础

网站所有这和管理员可以在网页的 <Head> 标记后包含以下特殊 HTML 标记：

[code] <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> [/code]

以下示例显示了以每个页面为基础的情况下此 Internet Explorer 7 兼容性模式标记的用法：

[code] <html>
<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>My Web Page</title>
</head>
<body>
<p>Content goes here.</p>
</body>
</html>
[/code]

使用元标记测试站点

要验证您已经成功在站点上安装了标记，请按照以下步骤操作：

如果未安装 Internet Explorer 8 Beta 1，则可以从以下 Microsoft 网站下载：
http://www.microsoft.com/china/windows/products/winfamily/ie/ie8/getitnow.mspx (http://www.microsoft.com/china/windows/products/winfamily/ie/ie8/getitnow.mspx)
下载 Microsoft 知识库文章 951804 中描述的 Internet Explorer 8 Beta 1 安全更新。此更新将提供对 IE=EmulateIE7 标记的支持。有关更多信息，请单击下面的文章编号，以查看 Microsoft 知识库中相应的文章：
951804 (http://support.microsoft.com/kb/951804/ ) MS08-031：Internet Explorer 8 Beta 1 的安全更新

有关 EmulateIE7 标记的更多信息，请访问 IEBlog 网站：
http://blogs.msdn.com/ie/archive/2008/06/10/introducing-ie-emulateie7.aspx (http://blogs.msdn.com/ie/archive/2008/06/10/introducing-ie-emulateie7.aspx)
以 Internet Explorer 8 标准模式浏览网站，确认没有遇到“症状”部分中所述的问题。

最终用户

Internet Explorer 8 Beta 1 的最终用户可以通过按浏览器窗口中菜单栏上的“模拟 IE7”解决这些问题。当按下“模仿 IE7”按钮后，网页将以 Internet Explorer 7 标准模式显示。

Microsoft 提供的编程示例只用于演示目的，不带任何明示或暗示担保。这包括但不限于对适销性或特定用途适用性的暗示担保。本文假定您熟悉演示的编程语言以及用于创建和调试过程的工具。Microsoft 支持工程师可以帮助解释某个特定过程的功能。但是他们不会修改这些示例以提供额外的功能，也不会构建过程以满足您的特定要求。

Css兼容IE8版本的解决方法

以网站为基础

以网页为基础

使用元标记测试站点

最终用户