为什么我的页面无法在 Internet Explorer 中正确显示？答案

【问题标题】：Why doesn't my page display correctly in Internet Explorer?为什么我的页面无法在 Internet Explorer 中正确显示？
【发布时间】：2011-04-12 20:01:18
【问题描述】：

编辑：这个问题有一个有点奇怪的解决方案。检查我在下面发布的答案

我正在处理this site，它运行良好...或者至少，直到今天早些时候它确实运行良好。

我不知道我做了什么，我对代码做了一些小改动，但 首页没有更改。 该网站经过测试可以在 FF 和 Chrome 中正常工作，但当然可以在 Internet Explorer 中崩溃。

我尝试了很多标准的“故障排除技术”，例如提取部分代码并将其设置为 cmets，但似乎没有任何效果。

应该是这样的：

“内容持有者”应被两个绿色框包围并居中（Chrome 和 FF 都适用）
当您将鼠标悬停时，应该会出现标签下拉菜单（同样适用于 Chrome 和 FF）
刚刚注意到 IE 中的字体实际上发生了变化

我的截止日期是 9 月 18 日（本周六），所以我希望得到快速解答。

我认为这个问题可能与我的stylesheet 有关，因为这是影响首页的唯一因素，我可以在不考虑的情况下更改它。

哦，顺便提一下……

网站的一部分是用 PHP 构建的（这就是你看不到它的原因），但它主要是我使用的“require/include”。

【问题讨论】：

你的问题太吵了，我不想回答了。
您所看到的和您期望看到的有什么区别？我可以在 IE7 中看到该页面。
@Latze：将您的更改复制到开发箱，恢复生产箱，您是否在开发箱上工作......
无法按预期工作和应用程序崩溃是两个截然不同的问题，很难做出良好的诊断。简明扼要地说明问题所在，并尽量省略有关截止日期和投诉的详细信息，这可能对您有所帮助。我会说这就是为什么你的票数下降
来吧人们，没有理由关闭它。这可能是一个糟糕的问题，但正如大家所见，它是可以回答的。

标签： php html css validation

【解决方案1】：

尝试删除 DOCTYPE 标记之前的 cmets。有时 IE 不喜欢它们。请参阅此问题以供参考：Can comments appear before the DOCTYPE declaration?

【讨论】：

我只是想说 IE 似乎处于 quirks 模式，所以有些东西没有正确验证，但它在下一次刷新时得到了修复 :) 使用 validator.w3.org 捕获可以躲开眼睛。
@Fanis 我确实使用了 w3 验证器，它表示没有任何问题......非常奇怪！突然工作的原因可能是我刚刚修复它;）

【解决方案2】：

“崩溃”到底是什么意思。在 IE6/7 中，我看到的唯一主要区别是内容是左对齐而不是居中。您可以通过将text-align: center 添加到<body> 标记来解决此问题，然后在div#container_front 中添加text-align: left 以将文本对齐恢复正常。

最重要的是，带有联系信息的半透明块并没有跨越它所覆盖的背景图片的整个宽度。

【讨论】：

【解决方案3】：

我可能已经找出导致此问题的原因。如果你们正在运行 Windows，您可能已经注意到今天和昨天的一些更新？显然 Internet Explorer 已更新。

这导致我的部分页面无法正确显示。例如，在半透明框中应该有两个链接（一个是“klik for mere info”，另一个是灰色的“Klik her”）。两个链接都显示了，但都不起作用。

这是由我为了使用半透明背景而使用的过滤器引起的（查看此网站以了解有关曾经在 IE 中使用半透明背景所需的更多信息）。过滤器如下：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/example.png');

这曾经有效，但新的更新导致此过滤器破坏了页面。我还注意到 IE 现在识别和使用带有[attributes] 的样式（发现这是因为当我删除过滤器时，背景仍然存在并且仍然是半透明的）。

Internet Explorer 也不再忽略 !important 标记。

注意：上述所有陈述均基于推测和小测试。我为证明这些陈述所做的唯一测试是我在这个网站上执行的测试，以便解决第一个问题。因此，如果我刚才所说的都是错误的，请不要生气 :) 顺便说一下，我“使用”Internet Explorer 8，所以我不知道它是否适用于 IE 6/7。虽然我从来没有真正使用过 IE

【讨论】：