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