Question

我试图让我的网站使用TLS / https。此问题仅发生在https版本而不是网站的旧版本http。我的网站上有一个链接，点击后会在网站内容的其余部分上显示iframe。链接如下所示：

<a href="#">Speed Check</a>

它显示了这个div（稍加修改以删除我的实际网址）

<div id="speedtestmodal" class="reveal-modal tiny open" data-reveal="" role="dialog" style="display: block; opacity: 1; visibility: visible; top: 1130px;" area-hidden="true">
    <iframe width="620" height="420" style="visibility:;" id="example" src="https://page.domain.com" scrolling="no" frameborder="0"></iframe>
</div>

这很有效，iframe和预期的内容是可见的，我遇到的问题是iframe中的页面包含一个用户应该填写的文本框。这在Firefox中可以正常运行，但在Chrome或IE中尝试点击在文本框中关闭整个Iframe。

网站是beta.domain.com，iframe是page.domain.com所以我认为这个问题可能与跨域JS调用有关，试图解决这个问题我在两个网站上都添加了以下内容（如http://madskristensen.net/post/iframe-cross-domain-javascript-calls所述）：

<script type="text/javascript">
document.domain ='domain.com';
</script>

但它没有任何区别。我有什么东西在这里失踪吗？我可以提供哪些信息来帮助调试吗？

Answer 1

事实证明问题与CSS有关，并且由于浏览器中的错误，它仅在firefox中运行。

模态的Z-index值导致它隐藏在另一个半透明模态之后，该模式是网站单独功能的一部分。

无法在Chrome或IE中与iframe交互 - 跨域JS错误？

1 个答案: