Bootstrap在任意位置显示一个弹出框？？

Question

当鼠标点击后在点击的那个位置显示一个提示框 如图但是位置有点问题

<div id="ID3" style="display: none">
<a id="a1" tabindex="0" data-toggle="popover" data-trigger="focus"  data-animation="true" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Hello</a></div>

JavaScript代码：

var info = document.getElementById("ID3");
	
    info.style.position = 'absolute';
    info.style.left = event.clientX  + "px";
    info.style.top = event.clientY + "px";

if (info.style.display=="block"){

     info.style.display = "none";

    }else {

     info.style.display = "block";
   }

-------
$(function () {
    $('[data-toggle="popover"]').popover('show')
  });

怎么做位置才是正确的？？？

Answer 1

试过了 a 标签的也设置了一个大小 还是有问题

Answer 2

好像记错了.position该是用relative

Answer 3

自顶