popover="auto" 无效因是实验性值且仅Chrome/Edge 114+支持，Safari/Firefox忽略；实际可用的是popover="manual"，需满足容器为非交互元素、独立触发按钮、显式调用showPopover()三条件。
popover="auto" 为什么点不动、关不掉、还报错？
它不是“加了就弹”的开关，而是个被严重误读的实验性值。Chrome/Edge 114+ 支持，但 Safari 和 Firefox 完全忽略；写成 <div popover="auto"> 后页面毫无反应——这是最常踩的坑。更关键的是：popovertargetaction="show" 在 popover="manual" 元素上完全无效，浏览器静默忽略，不报错也不执行。
手动模式（popover="manual"）才是实际能用的唯一可靠路径
必须满足三个硬条件才生效：一个带 popover="manual" 的容器（只能是 <div> 等非交互元素）、一个独立触发按钮（不能是同一元素）、以及至少一次 showPopover() 调用。缺一不可。
-
showPopover()会自动关闭其他已打开的popover="manual"实例，无法禁用 - 关闭必须显式调用
hidePopover()，点击外部或按 ESC 不会响应 - 适合表单弹窗、确认框、需要监听状态变更的场景
auto 模式下 popovertarget 能用，但限制极多
仅适用于简单开关类浮层：不需要动态内容、不关心打开/关闭时机、不需阻止默认行为。结构必须严格为：
<button popovertarget="my-popover">打开</button> <div id="my-popover" popover></div>
注意：popover 属性不带值（即布尔属性），不是 popover="auto"；Chrome 125+ 已对 popover="auto" 发出警告，Safari 从不支持，别写。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
hint 模式不是标准值，别当真
popover="hint" 是社区实验性写法，未进入 HTML 标准，所有主流浏览器都不识别。它只在某些自定义 CSS + JS 组合中“看起来像”有 hint 效果，实际运行时等同于无 popover 属性。真正要实现轻量提示，应降级使用 <dialog> 或搭配 anchor CSS 函数做定位。
复杂点在于：popover 不是“写了就跑”，它是 Chromium 独占、结构敏感、JS 强依赖的机制；最容易被忽略的是容器元素类型——<button popover="manual"> 直接失效，必须用 <div>。
