Javascriptによる透過レイヤー表示

Lightboxのように、コンテンツの上に半透明のレイヤーをのせ、ダイアログなど表示させる。

http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox
Lightboxから必要な部分のみ抜き出したもの

http://bizcaz.com/archives/2007/08/01-001853.php
こちらでは画像ではなくopacityを使用して半透明にしている

以上の例ではprototype.jsを使用しているがjQueryでも少しの修正で使用できた。
なお、IEではlightbox.jsのように以下のような予防策が必要だった。
prepareIE('100%','hidden')

prepareIE: function(height, overflow){
bod = document.getElementsByTagName('body')[0];
bod.style.height = height;
bod.style.overflow = overflow;

htm = document.getElementsByTagName('html')[0];
htm.style.height = height;
htm.style.overflow = overflow;
},