JavaScript でページマスクを作成するための知識とスキルのまとめ ページ 1/3_javascript スキル

現在、Ajax が非常に人気があり、シミュレートされたポップアップ ウィンドウやシンクボックス、グレーボックスなどの多くの特殊効果がマスク関数を使用していることがわかりました。そのアプリケーションは、上/左セットで絶対位置を作成するという非常にシンプルなものです。を 0. にすると、幅と高さはブラウザのコンテンツの高さと幅と同じになり、インデックス設定を大きくすることができます。ただし、ここにはあなたが知らなかった、または不明瞭な問題やテクニックがいくつかあります。これらはすべて個人学習の過程で発見されたものです。


1. マスクの下部の操作を禁止したい場合は、背景属性を設定し、有効な値を設定する必要があります。それ以外の場合、マスク レイヤーは正常に作成されます。ページの下位要素はまだ変更されています。

2. ページの下部にある要素を表示したい場合は、filter:alpha(opacity=0) など、CSS を通じて透明度を設定できます。半透明に設定することもできます。

3. p レイヤーによって形成されたマスクは iframe を覆うことができますが、select と object を覆うことはできません。

4. iframe を使用して選択をカバーし、実際には、iframe と p を組み合わせてコンテンツを作成できます。 iframe は選択内容を自動的に非表示にします。または、自分で行うこともできます。p と js を使用して選択内容を非表示にします。

5. js を使用して選択範囲を非表示にする方法のほとんどは、ポップアップ ボックスやシンクボックスなどの実際のマスクを作成するときに使用されます。 iframe と p を使用する方法は、主にローカル マスクに使用されます。たとえば、日付コントロールまたはタイトルがポップアップするときに、iframe と p を使用して同じ位置に配置すると、その下の選択コントロールをカバーできます。


以下は、上記の要約の一部のデモンストレーションです:
(1) 背景属性を設定しない P マスク。 {マスクが表示された後も、その背後にある要素は操作できます}