IE6 iframe 渲染问题答案

【问题标题】：IE6 iframe rendering issueIE6 iframe 渲染问题
【发布时间】：2010-11-03 10:54:16
【问题描述】：

我们在 IE6 中遇到了 iframe 内的页面问题。

按下提交按钮时，页面会重新加载一些新文本，但上一页的旧文本仍然可见。在某些地方，这是重叠的，因此文本不可读。

最小化和最大化页面会清除这个问题，查看源代码只会显示没有旧文本的新页面，因此这可能只是一个呈现问题。

这是一个已知的 IE6 错误吗？如何解决？

以下 js 可以工作，但它很笨重，如果你关闭了 js，它就无法工作。

window.onload = refreshPage;
window.onscroll = refreshPage;
function refreshPage() {
var body = document.getElementsByTagName("body")[0];
body.style.display = "none";
body.style.display = "block"

还有更好的技巧吗？

谢谢，克里斯

编辑
我已经设法在开发服务器上重新创建问题，我可以直接在 Web 服务器上修改页面以测试不同的场景。注意：我无法控制 i-frame 中的内容，因此我仅限于更改此页面。有趣的一点是，如果我将 DOCTYPE 从 XHTML 1.0 Transitional 更改为 anything else，那么我看不到问题所在。

【问题讨论】：

你能把你网页的HTML贴出来吗？
那里有一些敏感信息，我必须对其进行清理。有什么特别想看的吗？

标签： html iframe internet-explorer-6 rendering

【解决方案1】：

我会尝试在 iframe 中添加 position:relative 样式 - 这有时有助于解决此类问题。我需要查看页面结构和 css 以提供进一步帮助。

乔什

【讨论】：

在父页面上修改这个？那很有意思。我会将父页面源与托管在同一门户中的其他页面进行比较，以查看位置设置（和其他相关设置）是否有任何差异。这给了我一些继续下去的机会。可悲的是，我明天将不得不恢复这个。谢谢

【解决方案2】：

另一种可能是将“缩放：1.0”添加到 iframe 的样式中。如果这对您有帮助并且您想了解更多信息，请尝试在 google 中查看 Internet Explorer 中的 hasLayout 属性。这将有助于理解为什么这是渲染问题的解决方案。

【讨论】：