ポップアップ レイヤーは Web 開発でよく使用されます。私はこれを Baidu からコピーして貼り付けていました。
インターネットがなかったある日、こんなに簡単なのに、なぜコピー＆ペーストにこんなに時間がかかったのかとふと思いました。 要約は次のとおりです:
1. 透明度: 0.5、フィルター: アルファ (不透明度=57) の大きな div 背景があり、最も幅が広く、最も高い Z インデックスがカバーされているものよりも大きくなります。ページの内容。
2. 絶対配置でコンテンツ div を作成し、Z インデックスを大きくし、お気に入りの属性、眩しいボックスシャドウなどを設定します。
3. ボタンをクリックすると、2 つをラップするレイヤーを設定し、必要がない場合は削除します。以下に示すように:
4. ポップアップ レイヤーなので、ドラッグする必要があります。実際、私が使用している Web サイトではドラッグしたことがありません。これを初めて見たとき、あなたは、押したときに座標を記録し、ドラッグしたときにリアルタイムで計算してポップアップ ウィンドウの位置を設定することを考えるでしょう。注意すべき点は、Firefox のイベント イベントの問題です。 var et =window.event || argument.callee.caller.arguments[0];
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
