从引导工具提示中删除透明度

Question

来自 twitter bootstrap 的标准 .tooltip 具有我想删除的透明度。

这是我的 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;
}

我还做了一个 JSFiddle 来说明，在这里： https ://jsfiddle.net/fiddlejan/xpwhknja/

如果将鼠标悬停在按钮上，您可以看到透明的工具提示文本如何显示下方的文本。

我试过：

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

但它似乎不起作用……

原文由 ganjan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在css中添加 .tooltip.in{opacity:1!important;} 默认情况下是 0.9 这就是背景透明的原因 jsfiddle

原文由 Dhara 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

引导程序 v4.0：

 .tooltip.show {
    opacity: 1;
}

原文由 galengodis 发布，翻译遵循 CC BY-SA 3.0 许可协议