我从这里使用 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">
同样的事情
谢谢
最佳答案
可能有更好的解决方案,但这应该可行。
尝试在代码中的某处(底部)添加:
.tooltip-inner{
border: 1px solid black;
}
如果这不起作用,请尝试使用 !important:
.tooltip-inner{
border: 1px solid black !important;
}
关于css - Internet Explorer 中的 Bootstrap 工具提示边框问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36308285/