我正在制作具有亮点的交互式svg地图。现在，我正在使用bootstrap popover，但它在svg上方对齐。我想要的是将其直接放在svg的中间或其他位置。
这是一个FIDDLE，以了解其构建方式。
如您在小提琴中所见，我触发了svg元素上的弹出框。
如何访问此特定弹出窗口？我当时是这样想的：
$('svg').click(function(){
$('div').find('.popover').css('top', '100px','!important');
})
但是，第二次单击时（关闭时）将top设置为100px
我都准备好了，找到解决方案将svg包装在div中，并给它一个position: relative和display: inline-block比给popover class:
.popover {
.pos-t-l(50%, 50%) !important; (mixin position top-left)
.translate(-50%; -50%);
}`
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句