画面中央にiFrame内にdivを配置する方法

Question

iFrame内にdivがあります。今、このiFrameは画面上の位置です。

私はこのフレームの内側にあるdivを、そのコンテナではなくウィンドウに対して配置する必要があります。

HTML

<FRAMESET rows="136,*" frameborder="no" framespacing="0"> 
    <FRAME id="cmTop" scrolling="no" src="ABC.aspx?empNo=<%=strEncrEmpNo%>" noresize> 
</FRAMESET> 

ABC.aspx

<div id="popUp"> 
This is popUp div that I need to place right on the middle of the screen 
</div> 

I位置と試みた：固定、静的、絶対何とかDIVがフレームから出てくるされていません。

div#popUp 
{ 
    positon:fixed; 
    top:25px; 
    left : 20%; 
    z-index : 999999999; 
} 

これはいまいましいレガシーシステム&これらのフレームを削除するには、noコントロールであるように、この構造のために言い訳してください。

ご意見やご提案は高く評価されています。 ありがとう

Answer 1

私はあなたが欲しいものをするためのきれいな方法はないと思います。 私はいくつかのヒントを与えることはできますが、解決策はありません。 IFRAMEの親にポップアップを追加するには、 window.parent.appendChild（）またはwindow.parent.querySelector（ '＃myDivPopup'）。innerHTML = myPopupInsideIframe これはちょっと正直なところです。

IFRAMEとPARENTの間で通信する最善の方法は、window.postmessage（...）です。

here an example