बूटस्ट्रैप टूलटिप

Question

से पारदर्शिता को हटाएं मानक बूटस्ट्रैप से मानक .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> 

सीएसएस: https://jsfiddle.net/fiddlejan/xpwhknja/

आप बटन आप कर सकते हैं पर होवर करते हैं:

.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 बनाया देखें कि कैसे पारदर्शी टूलटिप टेक्स्ट नीचे पाठ दिखा रहा है।

मैंने कोशिश की:

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

लेकिन यह काम करने के लिए लग रहे हैं शामिल नहीं है ...

Answer 1

css..By में .tooltip.in{opacity:1!important;} जोड़े डिफ़ॉल्ट यह 0.9 है कि है

.tooltip.in { 
    opacity: 1 !important; 
} 

Answer 2

अपने .tooltip वर्ग में जोड़े भी अस्पष्टता 1, लेकिन झंडा important साथ। अद्यतन Fiddle

और अपने बेड़े में आपने bootstrap.min.css सीधे HTML में कनेक्ट किया है। तो अपनी वेबसाइट में आप

.tooltip.in { 
    opacity: 1; 
    filter:alpha(opacity=100); 
} 

किसी भी !important बिना

लिख सकते हैं और यह काम करेंगे। लेकिन बेला में यह काम नहीं करता क्योंकि आपको लगता है कि सीएसएस के लिए उपयोग नहीं किया External Resources

इसकी वजह से अपने bootstrap.css में आप

.tooltip.in{filter:alpha(opacity=90);opacity:.9} 

Answer 3

इस वर्ग के जोड़े के रूप में सटीक कॉल एक तत्व

.tooltip.in{ 
opacity: 0.9; 
} 

boostrap.min.css में में दो वर्गों है विशिष्ट होने की जरूरत है

तो सिर्फ 1 की अस्पष्टता के साथ ओवरराइड;

उम्मीद है कि यह आपकी मदद करेगा, अगर आपको आवश्यकता नहीं है! महत्वपूर्ण या किसी अन्य मूल तत्व के सामने - लेकिन पृष्ठ पर अपना लोडिंग ऑर्डर नहीं देख सकता है, इसलिए प्राथमिकता पर सुनिश्चित नहीं है।

Answer 4

आप करेंगे: क्यों पृष्ठभूमि पारदर्शी है jsfiddle

Answer 5

कृपया जैसे

.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; } 

.tooltip.in { 
    opacity: 1 !important; 
    filter: alpha(opacity=100); 
}