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

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

請原諒這個結構，因爲這是該死的遺留系統&沒有控制來消除這些幀。

任何幫助/建議高度讚賞。感謝

來源

2017-12-18 Kgn-web

所以，你想在一個地方，這是不是在框架，這在div在DIV位置？這就像想要從蛋中取出蛋黃而不破殼。我的意思是，我不認爲這是可能的。 – Geshode

我不認爲有一個乾淨的方式做你想做的，我可以給一些建議，但不是一個解決辦法，希望有人會給你一個工作輪。你可以試着將你的彈出窗口追加到IFRAME的父窗口中： window.parent.appendChild（）或window.parent.querySelector（'＃myDivPopup'）。innerHTML = myPopupInsideIframe 但是這是一種骯髒的方式。

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

here an example

來源

2017-12-18 09:46:49

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

回答

相關問題