html 的 dialog 标签元素用法

Lenix at 
html的dialog标签元素用法的配图
以前的时候为了在页面上做出 dialog 效果往往很复杂,还要写遮罩层,用 CSS 写 好多代码,不过刚刚知道 html 中原生也支持 dialog。标准用法 你好 可以通过改变 open 属性,来显示或者隐藏,如上图所示。也可以使用 dialog 的 show 方法或者 close 方法。模态框(modal)用法与普通用法不同的是,显示需要使用 showModal 方法,而模态框默认上下左右居中,还有默认的蒙层。当模态框显示的时候,可以按 ESC 键进行隐藏。修改样式背景的样式可以通过::backdrop 伪类进行修改,如上图把背景色修改成了蓝色;当然模态框的样式也可以同过 ……