css实现简单的带遮罩的居中弹出层

<div id="overlay"></div>
<div id="win">
<span>欢迎您的到来！</span>
</div>
</div>

遮罩样式：

#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);}

弹出层样式：

#win{position:absolute;top:50%;left:50%;width:400px;height:200px;background:#fff;border:4px solid #f90;margin:-100px 0 0 -200px;}

其中：-100px与-200px分别为弹出层(#win)高度（height:200px;）与宽度（width:400px;）的一半