模态框示例

<style>
    .shadow {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: black;
        opacity: 0.4;
        z-index: 999;
    }

    .modal, .editmodal {
        position: fixed;
        width: 400px;
        height: 300px;
        margin-left: -200px;
        margin-top: -150px;
        left: 50%;
        top: 50%;
        z-index: 1000;
        background-color: white;
    }

    .hiden {
        display: none;
    }
</style>

转载于:https://www.cnblogs.com/QimiSun/p/10773725.html