弹出框的遮罩层

末蓝、 2022-02-24 12:16 497阅读 0赞

css样式： 

  1. .shade {
  2.     // 遮罩层的实现方法
  3.     position: fixed;
  4.     top: 0;
  5.     left: 0;
  6.     right: 0;
  7.     bottom: 0;
  8.     background-color: rgba(36, 36, 36, 0.5);
  9.     z-index: 99;
  10.   }

注意：拥有.shade类名的标签，寻找具有position定位的父级进行，进行上下左右全面覆盖，

如果没有定位的父级，那么就以文档body进行上下左右全面覆盖

发表评论

表情：
评论列表 （有 0 条评论，497人围观）

还没有评论，来说两句吧...

相关阅读

    相关 js遮罩层弹出框

    昨天公司网站需要弹窗提示一些信息,要我在把弹窗的js代码和弹窗窗口html写在一起哪里需要就调用 不说那么多了,直接上代码,感觉肯定会有兼容问题,看到了一定指出呀 <s

    待我称王封你为后i待我称王封你为后i/ 0 赞/ 389 阅读