2017-12-18 430 views
0

我有一个放置在iframe中的div。现在这个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> 

我试图与位置:固定的,静态的,绝对的,但不知何故股利不出来的框架。

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

请原谅这个结构,因为这是该死的遗留系统&没有控制来消除这些帧。

任何帮助/建议高度赞赏。 感谢

+0

所以,你想在一个地方,这是不是在框架,这在div在DIV位置?这就像想要从蛋中取出蛋黄而不破壳。 我的意思是,我不认为这是可能的。 – Geshode

回答

0

我不认为有一个干净的方式做你想做的, 我可以给一些建议,但不是一个解决办法,希望有人会给你一个工作轮。 你可以试着将你的弹出窗口追加到IFRAME的父窗口中: window.parent.appendChild()或window.parent.querySelector('#myDivPopup')。innerHTML = myPopupInsideIframe 但是这是一种肮脏的方式。

在IFRAME和PARENT之间进行通信的最佳方式是window.postmessage(...)。

here an example