原生dialog标签需手动调用showmodal()激活模态行为，仅设open属性无效；必须确保dom加载完成、置于body直系子元素、手写居中样式、监听target===dialog关闭、适配safari焦点与backdrop兼容性问题。

标签本身不提供“网站维护通知”功能，它只是一个语义化容器；要实现维护通知，必须手动控制显示逻辑、样式、关闭行为，并处理浏览器兼容性与焦点问题。

dialog 不显示？先确认是否调用了 showModal()

写了 <dialog id="maintenance"></dialog> 却没弹出来，不是 CSS 没写对，是根本没启动它。原生 dialog 默认不渲染、不占布局、getBoundingClientRect() 返回空值——它连绘制都跳过。

html-to-pptx

将多页 HTML 演示文稿转换为美化的 PPTX 文件，便于分享和分发。

下载

• 仅加 open 属性（如 <dialog open></dialog>）能让内容可见，但无遮罩、不锁焦点、Esc 不生效、点击背景也不关闭，只是个浮动层
• 必须用 dialog.showModal() 才真正激活模态行为：加 backdrop、禁用背景交互、自动聚焦第一个可聚焦元素、支持 Esc 关闭
• 脚本执行早于 DOM 加载会报 Cannot read property 'showModal' of null：把 <script></script> 放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！