ABC.asp-6ren">
gpt4 book ai didi

html - 如何将放置在 iFrame 内的 div 定位在屏幕中央

转载 作者:行者123 更新时间:2023-11-28 02:27:47 25 4
gpt4 key购买 nike

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

我尝试了 position: fixed, static,absolute 但不知何故 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

关于html - 如何将放置在 iFrame 内的 div 定位在屏幕中央,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47863040/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com