2016-03-30 13 views
0

I Bootstrap-Tooltip von hier verwendet: http://getbootstrap.com/javascript/#tooltipsBootstrap Tooltip Grenzfrage in Internet Explorer

<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> 

Als ich es in IE versucht, scheint, dass eine Grenze erschien (wenn Gebrauch right Platzierungsposition), wie in Abbildung unten:

Bootstrap tooltip

Das Bild wurde von der ursprünglichen Bootstrap-Website.

Können Sie mir sagen, wie ich es beheben kann?

Ich habe

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

aber gleiche

Dank

+0

Welche Version von IE? Wenn Sie glauben, dass es sich um einen Fehler handelt, warum veröffentlichen Sie kein Problem auf github? – Vucko

+0

Die 11. Version von IE –

Antwort

0

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

Versuchen irgendwo Hinzufügen (unten) in Code:

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

wenn das nicht funktioniert, versuchen Sie, mit wichtig:

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

Gute Lösung, danke –