Cacher is the code snippet organizer for pro developers

<dialog id="modal">Showing Dialog</dialog>
<button onclick="document.querySelector('modal').showModal()"></button>
<style>
    /*设置遮罩的样式*/
    dialog::backdrop{
        background: rgba(0,0,0,.8);
    }
</style>