概述Popover API 为页面提供原生的弹层显示与关闭语义,带有焦点管理与无障碍支持,可替代部分自定义对话与菜单组件实现。使用(已验证)<button popovertarget="menu">打开菜单</button>
<div id="menu" popover>
<ul><li>Item</li></ul>
</div>
选择器与样式:`:popover-open` 用于状态样式;配合 Anchor Positioning 精确定位(来源)建议尊重焦点与 ESC 关闭;与 View Transitions 组合提升体验

发表评论 取消回复