登陆弹窗

js代码

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
            // 弹窗隐藏
        $('.Close').click(function() {
            $('.newpopup').hide()
        })
        //弹窗显示
        $('.loupantu').click(function() {
            $(".newpopup").show();
        })
    </script>

css

//弹窗背景色
.newpopup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
}
//弹窗内容
.popup {
    display: flex;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-left: -150px;
    margin-top: -200px;
}