css - Internet Explorer 中的 Bootstrap 工具提示边框问题

Question

我从这里使用 Bootstrap 工具提示:http://getbootstrap.com/javascript/#tooltips

<div class="col-lg-3 col-md-3 col-sm-3 col-xs-5">
   <a class="my-logo" href="http://www.google.com" data-toggle="tooltip" data-placement="right" title="Tooltip">
   <img src="/pathToImage.jpg" alt="image">
   </a>
</div>

当我在 IE 中尝试时，似乎出现了一个边框(如果使用 right 放置位置)如下图所示:

该图像取自原始 Bootstrap 网站。

你能告诉我如何解决吗？

我加了

<meta http-equiv="X-UA-Compatible" content="IE=edge">

同样的事情

谢谢

Answer 1

可能有更好的解决方案，但这应该可行。

尝试在代码中的某处(底部)添加:

.tooltip-inner{
  border: 1px solid black;
}

如果这不起作用，请尝试使用 !important:

.tooltip-inner{
  border: 1px solid black !important;
}