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