zoukankan      html  css  js  c++  java
  • JS弹窗遮罩 POP

     html:

    <div class="popBox">
         <div class="pb">
              <span class="clousx"></span>
              <div class="p-box"></div>
         </div>                                          
    </div>   

    css:

    .popBox {
      position: fixed;
      width: 100%;
      left: 0;
      top: 0;
      background: rgba(0,0,0,0.5);
      height: 100%;
      z-index: 150000;
     }
     .popBox .pb {
      width: 6.58rem;
      background: #fff;
      display: flex;
      justify-content: space-between;
      position: relative;
      font-size: 0.3rem;
      text-align: left;
      left: 0.46rem;
      padding-top: 0.65rem;
      border-radius: 0.1rem;
      padding: .92rem .5rem .64rem .3rem;
      margin-top: 2rem;
      overflow-y: auto;box-sizing: border-box;
     }
     .popBox .clousx {
      position: absolute;
      z-index: 20000;
      width: 1rem;
      height: 0.84rem;
      background: url(../images/index/close-icon.png) no-repeat center center;
      background-size: 0.32rem 0.32rem;
      display: inline-block;
      right: 0;
      top: 0;
    }
    .popBox  .p-box {
      position: relative;
      height: 7rem;
      overflow-y: auto;
    }

  • 相关阅读:
    15、线程
    17、lambda表达式
    16、sockect
    14、反射(reflect)
    13、集合2
    java 基本类型、包装类、字符串之间的转换
    13、集合1
    12、NIO、AIO、BIO二
    12、NIO、AIO、BIO一
    11、流与文件
  • 原文地址:https://www.cnblogs.com/liubingyjui/p/12882170.html
Copyright © 2011-2022 走看看