javascript - HTML/CSS “Pop-Up”窗口和禁用的背景

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

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

怎么做？那叫什么呢？

最佳答案

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

不知道怎么称呼..