如何将div放置在屏幕中央的iFrame中

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个放置在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; 
}

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

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

回答：

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

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

here an example

以上是 如何将div放置在屏幕中央的iFrame中 的全部内容， 来源链接： utcz.com/qa/261181.html

回到顶部