HTML <dialog> 元素的 CSS 小技巧

最近在玩HTML的``元素，它可以方便地创建原生对话框，无需大量JavaScript代码。文章介绍了两个实用技巧：一是使用`backdrop-filter: blur(2px);`为``的背景添加模糊效果；二是使用`body:has(dialog[open]) { overflow: hidden; }`在``打开时禁用页面滚动，避免页面内容在滚动时与对话框重叠。这两个技巧能提升用户体验，使对话框更易用。