我想知道如何在某些网页中创建这种效果：
在加载网页时，带有关闭按钮的横幅广告显示为最上层，实际网页显示为下层;网页完全变暗，使关注焦点自然地落在横幅广告上，关闭按钮。
并点击广告中的这个关闭按钮，实际的网页立即显示，但现在，恢复到原来的亮度。
那只是一个例子，我知道展示广告的做法是令人讨厌的。
我的问题是 – 你如何在你的网页上得到那个朦胧和明亮的效果？
PS：
>我知道css中的z-index，所以我只需要知道调光部分。
>我正在寻找一个基于css的解决方案(或改写，解决方案，而不使用任何脚本，如js)，如果可能的话。
多谢你们。
解决方法
像
this这样的东西？极小的脚本
HTML
<div class="overlay"></div>
<div class="overlay-message">
<p>CLICK TO CLOSE</p>
</div>
jQuery的
$(document).ready(function() {
$(".overlay,.overlay-message").show();
$(".overlay-message").click(function() {
$(".overlay,.overlay-message").hide();
});
});
CSS
.overlay {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:#fff;
opacity:0.8;
z-index:1001;
}
.overlay-message{
position: fixed;
top:30px;
left:30px;
width:400px;
height:250px;
background-color:#fff;
opacity:1;
z-index:1002;
}
