2017-01-06 6 views
0

私のウェブサイトでTLS/httpsを使用しようとしています。この問題は、Webサイトの以前のhttpバージョンではなく、httpsバージョンでのみ発生します。 私のウェブサイトにリンクがあり、クリックすると、残りのウェブサイトコンテンツの上にiframeが表示されます。 リンクは次のようになります。それは、このdiv要素を明らかにChromeまたはIEでiframeと対話できません - クロスドメインJSエラー?

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

<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を(少し私の実際のURLを削除するように変更)と、コンテンツが表示されている期待、私が持っている問題があります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> 

しかし、それは違いはありません。私はここに行方不明のものがありますか? これをデバッグするのに役立つ情報はありますか?

答えて

0

問題はCSSに関連していることが判明し、ブラウザのバグのためにFirefoxでのみ動作していました。

モーダルのZ-インデックス値は、ウェブサイトの別の機能の一部である別の半透過モーダルの後ろに隠されていました。

関連する問題