基本理解4：ポップアップレイヤーとdrag_html/css_WEB-ITnose

ポップアップ レイヤーは、Web 開発でよく使用されます。私は、Baidu からコピーして貼り付けていました。

ネットワークがなかったある日まで、私はその原理を理解していませんでした。突然思いついたのですが、なぜこんなに簡単なのでしょうか？ コピー＆ペーストするのに時間がかかります。 概要は次のとおりです。

1. 透明度:0.5;filter:alpha( opacity=57)、絶対位置または固定位置、最も幅が広く、最も高い位置、z- インデックスはカバーされたページのコンテンツよりも大きくなります。

2. 絶対位置、より大きな Z インデックスを使用してコンテンツ div を作成し、お気に入りの属性、眩しいボックスシャドウなどを設定します。

3. 簡単に移動できるように 2 つをラップするレイヤーを設定します。追加するだけでなく、ボタンをクリックすると取得して本文に追加されますので、不要な場合は削除してください。以下に示すように:

4. 実際、私が使用しているウェブサイトではドラッグする必要があります。これを初めて見たとき、あなたは、押したときに座標を記録し、ドラッグしたときにリアルタイムに計算してポップアップ ウィンドウの位置を設定することを考えるでしょう。注意すべき点は、Firefox イベントの問題です。 var et =window.event || argument.callee.caller.arguments[0]; 結果は次のとおりです。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。