2017-12-18 9 views
0

Ich habe eine div, die in iFrame platziert ist. Jetzt befindet sich dieser iFrame direkt auf dem Bildschirm.Wie positioniere ich div platziert in iFrame in der Mitte des Bildschirms

Jetzt bin ich in der Notwendigkeit, ein div zu positionieren, das in diesem Rahmen relativ zu Fenster nicht zu seinem Behälter ist.

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> 

ich mit der Position versucht: fest, statisch, absolute, aber irgendwie die div kommt nicht von dem Rahmen heraus.

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

Bitte für diese Struktur entschuldigen, wie diese verdammte Altsystem ist & keine Kontrolle diese Rahmen zu entfernen.

Jede Hilfe/Vorschläge sehr geschätzt. Danke

+0

So wollen Sie die div in einem Ort zu positionieren, die nicht in dem Rahmen, der die div in ist? Das ist, als wolle man das Eigelb aus einem Ei nehmen, ohne es zu zerbrechen. Was ich meine ist, ich denke nicht, dass das möglich ist. – Geshode

Antwort

0

Ich glaube nicht, dass es einen sauberen Weg zu tun, was Sie wollen, Ich kann ein paar Tipps geben, aber keine Lösung, hoffentlich jemand wird Ihnen eine Arbeitsrunde geben. Sie könnten versuchen, Ihr Popup an das Elternteil des IFRAME von window.parent.appendChild() oder window.parent.querySelector ('# myDivPopup') anzufügen. InnerHTML = myPopupInsideIframe ABER EHRLICHES DIESES EINE SCHMUTZIGE WEISE.

Die beste Möglichkeit zur Kommunikation zwischen IFRAME und PARENT ist window.postmessage (...).

here an example

Verwandte Themen