一:弹出层
或者说,称呼为“悬浮层”更合适。
用 popover 临时弹出一小块悬浮层显示一些信息,用户点击popover窗口外面区域时会关闭它。
二:定义Popover
弹出层需要在body标签的末尾处定义。
<body> ... <div class="popover 弹出层名"> <div class="popover-angle"></div> <div class="popover-inner"> 弹出层内容 </div> </div> </body>
三:控制弹出层
<a href="#" data-popover=".弹出层名" class="open-popover">Open Popover</a>
关闭:点击弹出层之外区域即可关闭。