Die untergeordnete Iframe-Seite betreibt die übergeordnete Seite und implementiert den Effekt der Abschirmung der Seiten-Popup-Ebene

<!-- Rechtes Iframe beginnt-->
<div id="resDiv" Klasse="resDiv">
<iframe name="res" class="iframestyle" allowtransparency="true" src="son.html" frameborder="0" scrolling="no"></iframe>
</div>
<!-- Ende des rechten Iframes -->

<!--Ebene der Popup-Anmeldeseite-->
<div id="mapLayer" style="Anzeige: keine; " >
<input type="button" value="Schließen" onclick="closeMap()" />
</div>
<!--Abschirmschicht, die zum transparenten Abschirmen der gesamten Seite dient-->
<div id="mapBgLayer" style="position:absolute; Anzeige: keine;"></div>

<style type="text/css">
#Hintergrundebene {
Hintergrund: #939393 keine Wiederholung scrollen 0 0;
Höhe: 100 %;
Breite: 100 %;
links: 0;
oben: 0;
Filter: Alpha (Deckkraft = 80); /* IE */
-moz-opacity: 0,8; /* Moz + FF */
Z-Index: 10000;
}
#Schicht {
Breite: 400px;
Höhe: 400px;
Rand: -180px 0 0 -170px;
links: 50%;
oben: 50 %;
Position: absolut;
Hintergrund: #FFF;
Z-Index: 10001;
Rand: 1px durchgezogen #1B5BAC;
}
</Stil>
<Skripttyp="text/javascript">
/*Seite anzeigen*/
Funktion showDiv) {
var bg = document.getElementById("BgLayer");
var con = document.getElementById("Ebene");
//var w = document.documentElement.clientWidth; //Breite des sichtbaren Bereichs der Webseite
//var h = document.documentElement.clientHeight; //Höhe des sichtbaren Bereichs der Webseite
var w = document.body.scrollWidth; //Volle Textbreite der Webseite
var h = document.body.scrollHeight; //Höhe des vollständigen Textes der Webseite
// Alarm (w + "-" + h);
bg.style.display = "";
bg.style.width = b + "px";
bg.style.height = h + "px";
con.style.display = "";
}
/*Schließung*/
Funktion closeDiv() {
var bg = document.getElementById("BgLayer");
var con = document.getElementById("Ebene");
bg.style.display = "keine";
con.style.display = "keine";
}
</Skript>

<a href="javascript:void(0)" onclick="parent.window.showDiv()">Ansicht</a>