使うjQueryオーバーレイもよく使うのですが、メモし忘れていました。今回は画像のプレビューでよくあるオーバーレイのサンプルソースをjQueryで記載したいと思います。'none');});});サンプルダウンロード解説まず、htmlソースの解説です。id="sample">クリック!!!!!!</div>ID名「shadow」は画面全体をオーバーレイする為の要素です。ID名「sample」は「shadow」を表示する為のボタンです。続いてjavascript部分です。'1'});ID名「shadow」のスタイルを設定します。制御します、ページの読み込み時は”none”で非表示にします。position・・・配置方法を指定します。absoluteで絶対位置指定にします。top、left・・・「position」を「absolute」にしたので「top」と「left」で位置を指定します。width、height・・・横幅と縦幅の指定です。画面全体をおおうのでそれぞれ100%にしてあります。background・・・背景色を指定します。この背景色は「opacity」で透過します。色はお好みでzIndex・・・他にz-indexの指定が無ければ1でよいです。ちなみにshadowの上に重ねる要素はz-indexの値を「shadow」で指定している値以上にして下さい(あとpositionはabsoluteで)。block;にして表示します。none;に変更し再び非表示にします。AM貴重なヒントありがとうございます。厚かましい質問ですが、#shadowに配置した画像は透過せずにバックグラウンドのみ透過するにはどうすればいいでしょうか。私なりに考えてみましたが知識がたりませんでした。PM閲覧ありがとうございます。バックグラウンドのみ透過するにはどうすればいいでしょうか。上記の件ですが、どういったことでしょうか?とりあえず#shadowを透過したくないのでしたらopacityの値を1にすればよいかと思います。PMご回答ありがとうございます。言葉足らずの質問すいませんでした。一度質問させてください。クリックと同時に暗転した#shadow(透過幕)の上に写真画像(alpha値はそのまま)を表示したいと(Lightboxのような)考えています。サンプルのように、更にクリックで透過幕と画像を非表示にするというようなことなのですが。サンプルののなかにimg要素など入れると当然ですがimgも透過してしまいます。簡単な方法があればよいのですが。PMイメージしてたものになりそうです。コメントをキャンセルメールアドレスが公開されることはありません。