使用bootstrap中的toolTip插件时最上方提示会被遮挡问题

时间：2019-06-03 11:53:43 阅读：331 评论：0 收藏：0 [点我收藏+]

Bootstrap 里的 popover 被挡住的解决方案

在Bootstarp 中我们可以使用 popover 插件做一些内容的展示，

代码如下：

<a data-toggle="popover" data-placement="top" data-trigger="hover" data-content="详情详情详情">
    <span>显示详情</span>
</a>

这样子写的话，如果父级有overflow:hidden属性，你会发现超出容器的部分会显示不出。

技术分享图片

如何解决呢？

我们只要在上面代码中添加一个属性：data-container="body" 即可。效果如下图：

技术分享图片

官方API解释：

技术分享图片

解决方案来自：

原文：https://www.cnblogs.com/nlyangtong/p/10966496.html

踩

(0)

评论一句话评论（0）

分享档案

更多>