＃４です。
簡単に主要処理を抜き出してみました。
ＩＥのみこのままで動作します。
具体的に判らないところがあれば再度ご質問ください。
<HTML>
<HEAD>
<TITLE>画面内でポップアップするウインドウサンプル</TITLE>
<SCRIPT LANGUAGE="Javascript">
<!--
var isNav4, isNav6, isIE4;
var topChild;
var leftChild;
var layerOnDisplay = 'intro';
function show(placename,leftChild,topChild){
document.all[layerOnDisplay].style.visibility='hidden';
document.all[placename].style.visibility='visible';
document.all[placename].style.left = leftChild;
document.all[placename].style.top = topChild;
layerOnDisplay=placename;
return false;
}
function hide(placename)
{
document.all[placename].style.visibility="hidden";
return false;
}
//-->
</SCRIPT>
<STYLE TYPE="text/css">
<!--
#parent {position:relative; clip:rect(0,600,600,0); z-index:1;}
.hiddenDivs {position:absolute; visibility:hidden;overflow:hidden; z-index:2;}
-->
</STYLE>
</HEAD>
<BODY BGCOLOR="#CCCCFF">
<A NAME="#top"></A>
<TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="600">
<tr>
<td><a href="#aaa" onClick="void show('aaa',50,100);">aaa</a></td>
</tr>
<tr>
<td><a href="#bbb" onClick="void show('bbb',100,100);">bbb</a></td>
</tr>
</table>
<DIV CLASS="hiddenDivs" ID="intro"></DIV>
<!--aaa div-->
<DIV CLASS="hiddenDivs" ID="aaa" STYLE="width:360"><A NAME="aaalink"></A>
<TABLE WIDTH="360" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR><TD BGCOLOR="#999999"><B> aaaのタイトル</B></TD>
<TD BGCOLOR="#999999" ALIGN="RIGHT"><a href="#close" onClick="void hide(layerOnDisplay);">close</a></TD></TR>
<TR><TD BGCOLOR="#000000" COLSPAN="2" height="1"></TD></TR>
<TR><TD BGCOLOR="#9999CC" WIDTH="360" COLSPAN="2">aaa本文</TD></TR>
</TABLE></DIV>
<!--bbb div-->
<DIV CLASS="hiddenDivs" ID="bbb" STYLE="width:360"><A NAME="bbblink"></A>
<TABLE WIDTH="360" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR><TD BGCOLOR="#999999"><B> bbbのタイトル</B></TD>
<TD BGCOLOR="#999999" ALIGN="RIGHT"><a href="#close" onClick="void hide(layerOnDisplay);">close</a></TD></TR>
<TR><TD BGCOLOR="#000000" COLSPAN="2" height="1"></TD></TR>
<TR><TD BGCOLOR="#9999CC" WIDTH="360" COLSPAN="2">bbb本文</TD></TR>
</TABLE></DIV>
</BODY>
</HTML>
補足
ＵＲＬにあるようなイメージマップの上に 重ねて表示する方法を探しています。