浏览器遮罩层

最新推荐文章于 2022-01-21 14:39:39 发布

weixin_30678821

最新推荐文章于 2022-01-21 14:39:39 发布

阅读量102

点赞数

原文链接：http://www.cnblogs.com/daikefeng/p/7000969.html

版权

我们在做页面的时候难免会遇到点击之后出现一个弹窗的需求，但是弹窗出来之后发现页面其余部分还是可以点击，这是我们就需要一个遮罩层来把页面剩余的部分遮住了，一般我们都是设置一个标签，然后给标签一个class，代码如下：

html代码：
<div class="box"></div>
css代码：
.box{
      position: fixed;
      width:100%;
      height:100%;
      top:0;
      left:0;
      background-color:black;
      opacity:0.6;
      z-index:100;
      filter:alpha(opacity=30);
      display:none;        
}

转载于:https://www.cnblogs.com/daikefeng/p/7000969.html