x
 
<!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>