css中怎么实现弹出层覆盖底层

css中怎么实现弹出层覆盖底层，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

#mcover{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
display:none;
z-index:20000;
}
#mcoverimg{
position:fixed;
right:18px;
top:5px;
width:260px!important;
height:180px!important;
z-index:20001;
}

<liclass="nine">
<ahref="javascript:void(0);"class="">
<divid="mcover"onclick="document.getElementById('mcover').style.display='';">
<imgsrc="../images/guide.png">
</div>
<divclass="war_main_2_1"onclick="document.getElementById('mcover').style.display='block';">
<divclass="war_main_1_1_2"><imgsrc="../images/vip_1.jpg"></div>
</div>
</a>
</li>

看完上述内容，你们掌握css中怎么实现弹出层覆盖底层的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注恰卡编程网行业资讯频道，感谢各位的阅读！