CSSで透過レイヤー？これ一体どう作られてるの？

質問

添付画像のようなダイアログの出し方は一体どうやっているのでしょうか？
動的スクリプト＋DB＋HTML＋CSSだけで作れるものでしょうか？(FLASHとか必要？？)

--ポイント--
・新しいウィンドウやタブを開かずに確認ダイアログを表示する
・動的ページの背景が透過グレーアウトする

有識者の方いらっしゃいましたらご教授お願いいたします。

回答No.1

kosukejlampnet · ベストアンサー

HTML+CSS+javascriptでできますよ。

http://jqueryui.com/demos/dialog/#modal

回答No.2

tracer

IE6は別途措置が必要ですが、概ねのブラウザでは、レイアウトに関してはHTML/CSSだけで実装できますよ。

・グレーアウトは、単に#000にopacityを割り当てるだけ。
・メインコンテンツの前面に新しい要素(確認ダイアログ)を表示するには、positonとz-indexで操作。

表示・非表示を指示する動作は、JavaScriptでの実装になると思います。
といっても、JavaScriptからCSSのdisplayの値を操作するくらいのものです。