Question

我正在设计一个包含大量jquery动画的网页，我在开发过程中从未对它进行过测试。

现在，我想用IE 9进行测试，并观察到它与它完全不同。

有没有简单的方法可以解决这个问题？所有站点都是客户端，它位于上面的链接上。

谢谢，

Answer 1

为IE获取一些开发人员工具，看看#oe_overlay div是否最终落后于后台。 position: fixed应该使它位于常规流元素的前面，但是IE已经知道这些东西是错误的。也许在oe_overlay div中添加一个正z-index可以解决它。（我现在不在窗户上，所以我在这里猜测。）

另请注意，您正在以怪癖模式运行 - 删除输出顶部的注释并检查您的doctype。当不处于怪癖模式时，IE可能会正常运行。

Answer 2

@tdammers的答案的第二部分有它。

删除源代码顶部的大量注释，恰好是PHP代码。

最好的方法是使用PHP注释：

<?php
/*
    //your PHP code here
*/
?>

要清楚，HTML输出的第一行必须是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

完成此操作后，您的XHTML文档类型将生效，您将从Quirks Mode转入标准模式，并且您的网站已修复在Internet Explorer中< /强>

另外，你说：

我从未在IE期间测试过它发展。

这是一个很大的错误。您应该在开发期间定期支持的最低Internet Explorer版本中测试您的站点。

Answer 3

我知道IE8有时呈现的方式不同（例如内部网站点）因为有IE7 / IE8 / IE8 Compat模式。这完全基于html中的doc类型。

如果您打开“Web开发人员”（F12），您应该能够看到正在运行的“模式”IE。

我知道默认情况下，如果IE8确定您尝试访问的站点是Intranet站点，则会在Compat模式下呈现。我怀疑这是因为Sharepoint仍然以这种方式呈现，或类似的东西。

无论如何，试一试。

Answer 4

您的问题意味着隐藏的更大问题 - 您尚未对您的网站进行任何跨浏览器测试。许多浏览器的呈现方式略有不同，在IE的情况下，每个版本的渲染方式都有很大不同。

正如其他人所说，你的问题非常广泛。但是，我认为对你来说最有用的是让你普遍意识到Mozilla浏览器，webkit浏览器（Chrome，Safari），IE 9，IE 8，IE 7都会有不同的行为。

在所有这些浏览器中测试网站的一种方法可能是使用浏览器测试服务，例如Browsershots.org。