html - 如何在网站主页上显示一个窗口(div)，该网站将无法点击

Question

我想显示一个带有一些按钮的 div，第一次加载我的网站时，我希望该网站变得不可用，直到该 div 用它的一个按钮关闭(比如当你在 image.google.com 中选择一个图像和之后，您会看到所选图片及其从后面提取的网站，但该网站有点暗，就像网站的照片一样)

我希望我能问清楚我的意思，如果句子结构有误我真的很抱歉，因为英语是我的第二语言

Answer 1

<div id="overlay">
  <div id="dialog">
    Close me to see anything else
  </div>
</div>

---

#overlay{
position:fixed;
z-index:9999;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.3);
}
#dialog{
width:200px;
height:100px;
margin-left:-100px;
margin-top:-50px;
left:50%;
top:50%;
position:absolute;
background-color:#ffffff;
border:1px solid #666;
padding:20px;
}

---

http://jsfiddle.net/MqVMr/

这是一个更新的 fiddle :http://jsfiddle.net/MqVMr/1/

全屏 http://jsfiddle.net/MqVMr/1/show/