HTML popover 属性
示例
添加一个带有 popover 属性的 <h1> 元素，以及一个显示/隐藏它的按钮
<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">Click me!</button>
自己动手试一试 »
定义和用法
popover 属性将一个元素定义为弹窗元素，这意味着当它被调用时，它将被放置在内容之上，而不会干扰其他 HTML 元素的位置。
弹窗元素在被另一个元素调用之前是不可见的。另一个元素必须有一个 popovertarget 属性，其值引用弹窗元素的 id。
弹窗元素将显示在所有其他内容之上，通过点击 popovertarget 元素，弹窗元素将在显示和隐藏之间切换
Hello
弹窗元素可以是单个 HTML 元素（如上面的示例），也可以是整个 HTML 元素部分（如下面的示例）。
示例
使用 DIV 元素作为弹窗元素
<div popover id="mydiv">
<h2>Popover</h2>
<hr>
<p>弹窗是一个显示在所有内容之上的元素。</p>
<p>当你想传达重要信息时可以使用它。</p>
</div>
自己动手试一试 »
浏览器支持
| Attribute | |||||
|---|---|---|---|---|---|
| popover | 114 | 114 | 不支持 | 17 | 100 |
语法
<element popover>
属性值
popover 属性是一个布尔属性。如果存在，它指定此元素是一个弹窗元素。
相关页面
HTML Input popovertarget 属性
HTML Input popovertargetaction 属性
