glayer.js - グレーアウト表示ライブラリ

javascript

http://www.enjoyxstudy.com/javascript/glayer/基本原理としては、



.glayer {

position: fixed!important;

position: absolute;

top:0;

left:0;

width:100%;

height:100%;

z-index:100;

background-color:#1F1F1F;



    

  • moz-opacity: 0.8;
    • 

opacity:.80;

filter: alpha(opacity=80);

}
のスタイルを利用して、各ブラウザで黒半透明表示ボックスを、全要素の上からブラウザの表示領域全体にかぶせてやるというもの。
あとは、それをクリックしたときその要素を非表示にするとか、さらに上に画像を表示するとかしてやる。