菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML popover 属性


定义和用法

popover 属性将一个元素定义为一个 popover 元素,这意味着当它被调用时,它将显示在内容之上,不会干扰其他 HTML 元素的位置。

popover 元素在被另一个元素调用之前是不可见的。另一个元素必须有一个 popovertarget 属性,其值引用 popover 元素的 id。

popover 元素将显示在所有其他内容之上,通过单击 popovertarget 元素,popover 元素将在显示和隐藏之间切换。

Hello

popover 元素可以是一个单独的 HTML 元素,也可以是整个 HTML 元素的部分。请参阅下面的示例。


适用范围

popover 属性是 全局属性,可用于任何 HTML 元素,但该元素必须是可编辑的。

元素 Attribute
所有 HTML 元素 popover

示例

示例

添加一个带有 popover 属性的 <h1> 元素,以及一个用于显示/隐藏它的按钮

<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">Click me!</button>
自己动手试一试 »

示例

将 DIV 元素用作 popover 元素

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>Popover 是一个显示在所有其他内容之上的元素。</p>
  <p>当你想传达重要信息时可以使用它。</p>
</div>
自己动手试一试 »

浏览器支持

Attribute
popover 114 114 125 17 100

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持