Bootstrap Tooltip Rand Problem im Internet Explorer - CSS, Twitter-Bootstrap

Ich habe von hier Bootstrap-Tooltip verwendet: 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="/images//pathToImage.jpg" alt="image">
</a>
</div>

Wenn ich es in IE ausprobiert habe, scheint ein Rand aufgetaucht zu sein (falls verwenden) right Platzierungsposition) wie im Bild unten:

Dieses Bild wurde von der ursprünglichen Bootstrap-Website übernommen.

Kannst du mir sagen, wie ich es reparieren kann?

Ich fügte hinzu

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

aber das Gleiche

Vielen Dank

Antworten:

Es kann eine bessere Lösung geben, aber dies sollte funktionieren.

Fügen Sie irgendwo (am unteren Ende) Code hinzu:

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

Wenn das nicht funktioniert, versuchen Sie es mit! Wichtig:

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