HTML popover 属性
定义和用法
The popover 属性将元素定义为弹出框元素，这意味着当它被调用时，它将被放置在内容之上，不会干扰其他 HTML 元素的位置。
弹出框元素在被另一个元素调用之前将不可见。另一个元素必须具有一个 popovertarget 属性，其值引用弹出框元素的 id。
弹出框元素将被放置在所有其他内容之上，通过单击 popovertarget 元素，弹出框元素将在显示和隐藏之间切换
你好
弹出框元素可以是单个 HTML 元素，也可以是整个 HTML 元素部分。请参见下面的示例。
适用范围
The popover 属性是 全局属性，可以在任何 HTML 元素上使用，但元素必须是可编辑的。
| 元素 | 属性 |
|---|---|
| 所有 HTML 元素 | popover |
示例
示例
添加一个带有 popover 属性的 <h1> 元素，以及一个显示/隐藏它的按钮
<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">Click me!</button>
自己尝试 »
示例
使用 DIV 元素作为弹出框元素
<div popover id="mydiv">
<h2>Popover</h2>
<hr>
<p>弹出框是一个放置在所有其他内容之上的元素。</p>
<p>它可以在您想告诉一些重要事情时使用。</p>
</div>
自己尝试 »
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| popover | 114 | 114 | 125 | 17 | 100 |
