#mcover {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.7);

display: none;

z-index: 20000;

}

#mcover img {

position: fixed;

right: 18px;

top: 5px;

width: 260px!important;

height: 180px!important;

z-index: 20001;

}

<li>

<a href="javascript:void(0);">

<div id="mcover">

<img src="../images/guide.png">

</div>

<div>

<div><img src="../images/vip_1.jpg"></div>

</div>

</a>

</li>