親ページには、マスクレイヤ上にポップアップする半透明のダイアログが表示されます。

著者：Eve Cole 更新時間：2025-01-23 15:00:03

前の章では、マスクされたページに部分領域編集モジュールを追加できることを紹介しました。この章では、マスクレイヤーを表示し、半透明のダイアログをポップアップする親ページを紹介します。 Dialog はポップアップサブページ div です。

レンダリングは次のとおりです。

具体的なコードの実装は次のとおりです。

次のようにコードをコピーします。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<頭>

<TITLE> 新しいドキュメント </TITLE>

</HEAD>

<!--

.mydiv {

背景色: #FFFFFF;

境界線: 5 ピクセルの実線 #c7c7c7;

テキスト整列: 中央;

行の高さ: 20px;

フォントサイズ: 12px;

フォントの太さ: 太字;

z インデックス:999;

幅: 500ピクセル;

高さ: 300ピクセル;

左:50%;

トップ:50%;

margin-left:-150px! important;/*FF IE7 では、この値は自身の幅の半分です*/

margin-top:-60px! important;/*FF IE7 この値は高さの半分です*/

マージントップ:0px;

位置:固定!重要;/* FF IE7*/

位置:絶対;/*IE6*/

_top: 式(eval(document.compatMode &&

document.compatMode=='CSS1Compat') ?

documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/

document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}

.bg,.popIframe {

背景色: #666; 表示: なし;

幅: 100%;

高さ: 100%;

左:0;

トップ:20%;/*FF IE7*/

フィルター:アルファ(不透明度=50);/*IE*/

不透明度:0.5;/*FF*/

z インデックス:1;

位置:固定!重要;/*FF IE7*/

位置:絶対;/*IE6*/

_top: 式(eval(document.compatMode &&

document.compatMode=='CSS1Compat') ?

documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/

document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/* www.VeVB.COm IE5 IE5.5*/

}

-->

</スタイル>

<スクリプト>

function showDiv(tag,tid,弁護士名){

var light1=document.getElementById(タグ);

light1.style.display='ブロック';

document.getElementById('bg').style.display='block';

}

関数 closeDiv(){

document.getElementById('popDiv').style.display='none';

document.getElementById('bg').style.display='none';

}

</script>

<本体>

<前>

桃花寺（張暁思による抜粋）

桃花武には桃花廟があり、桃花廟の下には桃花仙女がいます。

桃の花の妖精は、ワインのお金と引き換えに桃の木を植え、桃の花を摘みました。

素面のときはただ花の前に座り、酔うと花の下で眠りにつく。

酔って酔って、私たちは来る日も来る日も目覚め、毎年花が咲いては散る。

馬車の前でお辞儀をするくらいなら、老後に死んでワインを飲みながら過ごしたいと思う。

金持ちには車、埃、馬があれば十分だが、貧乏人にはワインカップと枝があれば十分である。

金持ちや高貴な人々を貧しい人々や貧しい人々と比較すると、一方は地上におり、もう一方は空にいます。

花とワインを戦車や馬に例えると、彼は車を運転しなければならず、私は何もすることがないでしょう。

他の人は私のことを頭がおかしいと笑いますが、私は他の人がそれを見抜けないので笑います。

五陵の英雄の墓はなく、畑を耕す花もワインもありません。

</pre>

</div>

</BODY>

</HTML>

親ページには、マスク レイヤ上にポップアップする半透明のダイアログが表示されます。

親ページには、マスクレイヤ上にポップアップする半透明のダイアログが表示されます。