モーダルオーバーレイは絶対位置を必要としますか？

Question

はここに私が何を言っているかのJSのフィドルです：

http://jsfiddle.net/r77K8/98/

私のオーバーレイは、リンクを無効にした外観を与えるが、リンクはまだクリック可能なまま。私は解決策を見いだすためにモーダルダイアログウィンドウのいくつかの例を見てきました。限り、私は絶対的な位置を使用する必要があると言うことができます。

実際には私のコンテンツには動的にデータが埋め込まれているので、私はこれを躊躇しています。オーバレイを正しい次元に保つためには、たくさんの追加作業が必要になると思われます。私は実際にどのようになっているのが本当に好きです。オーバレイが親である間にコントロールを解除できないようにしたいと思います。これは可能ですか？

Answer 1

あなたの例では、オーバーレイdivの内側を無効にしようとしているコンテンツがあるようです。これを機能させるには、オーバーレイのdivをコンテンツの上に置く必要があります。そのため、コンテンツの後ろに配置してください。そうすれば、あなたのコンテンツ部門をカバーします。

はい、オーバーレイは親コンテナの右上隅に配置し、親コンテナ全体をカバーするように幅と高さを100％にするように絶対配置する必要があります。

たとえば、this jsfiddleを参照してください。

---

EDIT：

代わりthis exampleを試してみてください。内容とオーバーレイをコンテナに入れてください。そうすれば、オーバーレイはページのその部分だけを占有します。

コンテナのdiv（divLink1とdivLink2）には、これが機能するにはposition:relativeが必要です。 this linkのabsoluteの記述によれば、「要素は、その最初に配置された（静的ではない）祖先要素に対して配置されている」。したがって、コンテナをposition:relativeに設定する必要がありますが、実際には移動させないでください。