我正试图让我的网站使用TLS/https。此问题仅发生在https版本上，而不是较旧的http版本的网站上。我的网站上有一个链接，点击后会在网站其他内容的顶部显示一个iframe。链接如下：
<a href="#">Speed Check</a>
它显示了这个div(稍作修改以删除我的实际URL)
<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>
但这并没有什么不同。我这里有什么东西不见了吗？我能提供更多信息来帮助调试吗？
事实证明，这个问题与CSS有关，由于浏览器中的一个错误，它只能在firefox中工作。
模态的Z索引值导致它被隐藏在另一个半透明模态后面，该模态是网站单独功能的一部分。