HTML/CSS「彈出式窗口」窗口和禁用的背景

這是一個愚蠢的問題，因爲我找不到用於通過搜索Google獲得答案的正確關鍵字，遺憾的是。HTML/CSS「彈出式窗口」窗口和禁用的背景

你知道當你點擊一個鏈接並且背景變暗並變得不可用，但前景通常有圖像或登錄框嗎？像Yahoo郵件圖像顯示方法一樣，背景中的所有東西都變成了灰色透明並且圖像本身就很好？

這是怎麼做的？它叫什麼？

2010-12-09 Sev

它是由在JS動態創建一個疊加的div，像做：

var gab = document.createElement('div'); 
    gab.setAttribute('id', 'OVER'); 
    gab.innerHTML='<div class="overlay"><h1>hello</h1></div>'; 
    document.body.appendChild(gab);

使用CSS類像

#OVER{width:100%; height:100%; left:0;/*IE*/ top:0; text-align:center; z-index:5; position:fixed; background-color:#fff;} 
.overlay {width:100%; z-index:6; left:0;/*IE*/ top:30%; font-color:#cdcdcd; font-size:0.8em; text-align:center; position:fixed; background-color:#000;}

不知道它是怎麼叫..

來源

2010-12-09 09:53:01