iFrame 내부에 div를 배치하는 방법

div가 iFrame 안에 있습니다. 이제이 iFrame은 화면 오른쪽에 위치합니다.iFrame 내부에 div를 배치하는 방법

이제 컨테이너가 아닌 창을 기준으로이 프레임 안에있는 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 프레임에서 나오는되지 않습니다. 이 통제는 이러한 프레임을 제거하지하는 & 빌어 먹을 레거시 시스템이 같이

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

이 구조 서하십시오.

모든 도움/제안을 보내 주시면 감사하겠습니다. 감사합니다

출처

2017-12-18 Kgn-web

그래서, 당신은 사업부가에있는 프레임에없는 장소에 사업부를 배치하고 싶어? 마치 계란 껍질을 깨지 않고 달걀 노른자를 계란에서 꺼내고 싶어하는 것과 같습니다. 나는 그것이 가능하다고 생각하지 않는다는 것을 의미합니다. – Geshode

나는 당신이 원하는 것을 할 수있는 깨끗한 방법이라고 생각하지 않습니다. 몇 가지 팁을 드릴 수는 있지만 해결책은 없지만, 누군가가 당신에게 일을 줄 것입니다. window.parent.appendChild() 또는 window.parent.querySelector ('# myDivPopup')로 IFRAME의 부모에게 팝업을 추가 할 수 있습니다. innerHTML = myPopupInsideIframe 정직한 방법.

IFRAME과 PARENT간에 통신하는 가장 좋은 방법은 window.postmessage (...)입니다.

here an example

출처

2017-12-18 09:46:49

iFrame 내부에 div를 배치하는 방법

답변

관련 문제