W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <style> #mydiv { text-align:center; padding:40px; background-color:lightblue; font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } </style> <h1>popover 属性</h1> <div popover id="mydiv"> <h2>Popover</h2> <hr> <p>弹出框是放置在其他所有元素之上的元素。</p> <p>当您想告诉一些重要的事情时可以使用它。</p> <button popovertarget="mydiv" popovertargetaction="hide">关闭</button> </div> <button popovertarget="mydiv">点击我！</button> <p>您可以使用 CSS 设置弹出框元素的样式。</p> <p>单击该按钮可显示弹出框元素。</p> </body> </html>