在Bootstarp 中我们可以使用 popover 插件做一些内容的展示,
代码如下:
<a data-toggle="popover" data-placement="top" data-trigger="hover" data-content="详情详情详情"> <span>显示详情</span> </a>
这样子写的话,如果父级有overflow:hidden属性,你会发现超出容器的部分会显示不出。
如何解决呢?
我们只要在上面代码中添加一个属性:data-container="body" 即可。效果如下图:
官方API解释:
解决方案来自:
https://stackoverflow.com/questions/16863015/bootstrap-tooltip-working-but-hidden-due-to-z-index