在head之间↓

<style>
html,body {
    margin:0;
    height:100%;
}
#test {
    width:100%;
    height:100%;
    background-color:#000;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    opacity:0.5;
    /*兼容IE8及以下版本浏览器*/
    filter: alpha(opacity=50);

}

#log_window {
    width:200px;
    height:200px;
    background-color:#FF0;    
    margin: auto;
    position: absolute;
    z-index:3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}
</style>


————————————————————————

在BODY之间↓

<div id="test"></div>
<div id="log_window">
<a href="#">已阅读</a>
</div>