zoukankan      html  css  js  c++  java
  • 遮罩层2

    <style>
                * {
                    margin: 0px;
                    padding: 0px;
                }
                
                .login {
                    width: 100px;
                    height: 30px;
                    font-size: 25px;
                    line-height: 30px;
                    border: 1px solid black;
                    text-align: center;
                    background-color: darkcyan;
                    color: white;
                }
                
                .login:hover {
                    cursor: pointer;
                    background-color: greenyellow;
                }
                
                .mask {
                    width: 100%;
                    background-color: black;
                    opacity: 0.5;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    z-index: 90;
                }
                
                .log-div {
                    width: 500px;
                    height: 300px;
                    background-color: white;
                    position: fixed;
                    /*top: 30%;*/
                    /*left: 30%;*/
                    z-index: 99;
                }
            </style>
    <div class="mask" hidden></div>
            <div class="log-div" hidden="hidden"></div>
            <div class="login">登 录</div>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
            <p>123</p>
        </body>
  • 相关阅读:
    二维数组和二维指针作为函数的参数
    我所理解的tensorflow
    新篇:A New Start
    3NF(Canonical Cover and Decomposition)
    SQL: group by + having
    hihoCoder挑战赛14
    KMP算法
    二分查找
    Cellular Network
    拓撲排序
  • 原文地址:https://www.cnblogs.com/sunzhenkun/p/7356961.html
Copyright © 2011-2022 走看看