Question

我的html中有<img>标记：

<img src="mascot.png" style="position:fixed;bottom:20px;right:20px" class="hvr-bob glowing green" data-toggle="popover" data-placement="left" data-container="body" data-content="Have any idea for PokoPoko?<br>Please tell us!" data-html="true"/>

当光标仍悬停在图像上时滚动鼠标时，弹出窗口将与图像分离。如何使这个popover也与图像一起固定？如果可以，我希望将其应用于附加在元素position:fixed上的所有弹出窗口。

Answer 1

声明一个位置固定的div并将图像保留在其中..就像这样

<div style="position:fixed;bottom:20px;right:20px">
    <img src="mascot.png" class="hvr-bob glowing green" data-toggle="popover" data-placement="left" data-container="body" data-content="Have any idea for PokoPoko?<br>Please tell us!" data-html="true"/>
</div>

Answer 2

将data-container="body"更改为data-container="img" 我想你有多个这样的图像，所以参考id

的<img>

如何使bootstrap popover与position一起固定：fixed elements？

2 个答案: