HTML/CSS"弹出窗口"窗口和禁用的背景

Question

这是一个愚蠢的问题,因为我找不到合适的关键字来通过搜索谷歌来获得答案,不幸的是.

您知道当您单击链接并且背景变暗并变得无法使用但前景通常有图像或登录框吗？就像雅虎邮件图像显示方法一样,背景中的所有内容都变得灰色透明,图像本身就好了吗？

怎么做的？它叫什么？

Answer 1

它是通过在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;}

不知道怎么称呼..