Question

<div id="test"> <a data-toggle="tooltip" title="<img src='https://upload.wikimedia.org/wikipedia/commons/d/d5/Elef_Millim_-_Netanya_IMG_4251_05.jpg'/>" href="#">#testing</a>
 <a data-toggle="tooltip" title="<img src='http://engcomm.engin.umich.edu/campaign/img/big/chameleon-istock_large.jpg'/>" href="#">#testing</a>
 <a data-toggle="tooltip" title="<img src='https://upload.wikimedia.org/wikipedia/commons/d/d5/Elef_Millim_-_Netanya_IMG_4251_05.jpg'/>" href="#">#testing</a>
 <a data-toggle="tooltip" title="<img src='http://demo.athemes.com/flato/wp-content/uploads/sites/16/2013/03/unicorn-wallpaper.jpg'/>" href="#">#testing</a>

</div>

$("[data-toggle='tooltip']").tooltip({
    html: true,
    trigger: "hover",
    placement: "top"
});

Example Fiddle

打开工具提示有一个奇怪的效果。如果必须要从我设置为TOP的脚本中的最低位置开始，工具提示会生气。

我尝试使用较小的图像（最大200px），但它没有帮助。效果仅在新加载的图像上发生。它应该清除浏览器缓存。观看视频 - https://www.youtube.com/watch?v=mKlM-1xiQCQ

Bootstrap工具提示图像 - 位置顶部

0 个答案: