jquery - Internet Explorer 7/8/9 : IFRAME invisible

Question

我正在尝试为以下网址创建一个 iframe。 http://www.pgsoftwaresolutions.in/index.html

<iframe src="http://www.pgsoftwaresolutions.in/index.html" width="255" height="210"></iframe> 

我在本地的 IE7 上试过，在 browserstack.com 上试过 IE 8/9 页面加载计时器在 IE 浏览器中直接加载时工作正常，但在 IFRAME 中时它变得不可见。

起初我认为这可能是 jQuery 问题或 IE 错误，关于 IFRAME 没有触发文档就绪/加载事件。

只是为了测试我在 javascript 中的哪里出了问题，我在 javascript 函数中添加了一个 javascript alert() 来替换上面代码副本中的计时器上的数字 http://www.pgsoftwaresolutions.in/debug/index.html

注意:要在前 7 个警报被触发后关闭此页面。快速按 ENTER，然后按 CTRL + F4 关闭页面。

我在 IE 7 上对其进行了测试。它可以正常工作，并且会在开始时触发一系列警报，然后每秒触发一次。

然后我在 IFRAME 中加载了相同的页面，它确实引发了警报。

<iframe src="http://www.pgsoftwaresolutions.in/debug/index.html" width="255" height="210"></iframe>

我不知道如何在 IE7 上正确调试与 javscript 或 IFRAME 相关的任何内容，因为 Firebug lite 不支持这些，因此我们将不胜感激。

Answer 1

问题出在您的 styles.css 中。

删除 html{ position:relative; 并且您的 iframe 将在 IE7 和更高版本中显示。