supprimer la transparence de bootstrap info-bulle

La norme .bulle d'aide de twitter bootstrap a une transparence que je voudrais supprimer.

Ce mon code HTML:

<a href="#" class="btn
btn-info" 
style="margin:10px;" 
data-toggle="tooltip" 
data-placement="bottom" 
data-html="true"
title="MERKNAD 1 Denne klassifiseringen er i henhold til NS-EN 13501-2. <br /><br /> MERKNAD 2 Valgene 11-16 gjelder bærende konstruksjoner, valgene 21-24 gjelder kun integritet, valgene 31-37 gjelder både integritet og isolasjon, valgene 41-46 gjelder bærende skiller konstruksjoner med isolasjonskrav, og valgene 51-54 gjelder seksjoneringsvegger og dekker.">Hover</a>

CSS:

.tooltip > .tooltip-inner {
    border: 1px solid;
    padding: 10px;
    max-width: 450px;
    color: black;
    text-align: left;
    background-color: white;
    background: white;
    opacity: 1.0;
    filter: alpha(opacity=100);
}
.tooltip > .tooltip-arrow {
    border-bottom-color: black;
}

Aussi j'ai fait un JSFiddle pour illustrer, ici:
https://jsfiddle.net/fiddlejan/xpwhknja/

Si vous passez la souris sur le bouton, vous pouvez voir comment le transparent texte d'info-bulle affiche le texte en dessous.

J'ai essayé:

opacity: 1.0;
filter: alpha(opacity=100);

Mais il ne semble pas fonctionner...

Il est pour moi dans Chrome
pour moi Dans firefox aussi.
C'est une très légère transparence. Si vous regardez de près, vous verrez
Oh les gars, vous avez raison. Je suis actuellement des tests sur un ordinateur portable avec un peu de soleil dans les yeux... Mon mauvais, désolé!

OriginalL'auteur ganjan | 2016-01-29