css弹出层覆盖底层具体如何实现

生命不是要超越别人,而是要超越自己。每天醒来并告诉自己:更少的理由,更大的腹部,更甜的嘴,更小的脾气,更快的动作,更高的效率,一点微笑和脑。一站式
复制代码
代码如下:

#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 class="nine">
<a rel="nofollow noopener noreferrer" href="javascript:void(0);" class="">
<div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display:none;">
<img src="../images/guide.png">
</div>
<div class="war_main_2_1" style="text-align: center;" onclick="document.getElementById('mcover').style.display='block';">
<div class="war_main_1_1_2"><img src="../images/vip_1.jpg"></div>
</div>
</a>
</li>

本文css弹出层覆盖底层具体如何实现到此结束。生活中总会有伤害你的人,所发你仍然需要继续相信别人,只是小心些而已。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例