弹出框的遮罩层

  • Post author:
  • Post category:其他

css样式: 

  .shade {
    // 遮罩层的实现方法
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(36, 36, 36, 0.5);
    z-index: 99;
  }

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

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


版权声明:本文为zyz00000000原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。