मैं HTML / CSS के लिए बहुत नया हूं और 50% पारदर्शी जैसे कुछ पाठ प्रदर्शित करने का प्रयास कर रहा हूं। अब तक मेरे पास पाठ को पूर्ण रूप से प्रदर्शित करने के लिए HTML है
<html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>हालाँकि, मुझे यकीन नहीं है कि इसकी अस्पष्टता को कैसे बदला जाए। मैंने ऑनलाइन देखने की कोशिश की है, लेकिन मुझे यकीन नहीं है कि मैं जो कोड ढूंढता हूं उसका क्या करना है।
जवाबों:
opacityपूरे तत्व पर लागू होता है, इसलिए यदि आपके पास उस तत्व पर पृष्ठभूमि, सीमा या अन्य प्रभाव हैं, तो वे भी पारदर्शी हो जाएंगे। यदि आप केवल पाठ को पारदर्शी चाहते हैं, तो उपयोग करें rgba।
#foo {
color: #000; /* Fallback for older browsers */
color: rgba(0, 0, 0, 0.5);
font-size: 16pt;
font-family: Arial, sans-serif;
}इसके अलावा, दूर से दूर, बहुत दूर <font>। हमारे पास अभी के लिए CSS है।
rgba।
अस्पष्टता की जांच करें , आप इस सीएसएस संपत्ति को div पर सेट कर सकते हैं, <p>या <span>आप का उपयोग पारदर्शी बनाना चाहते हैं
और वैसे, फ़ॉन्ट टैग को हटा दिया गया है , पाठ को स्टाइल करने के लिए सीएसएस का उपयोग करें
div {
opacity: 0.5;
} संपादित करें: यह कोड पूरे तत्व को पारदर्शी बना देगा, अगर आप ** सिर्फ पाठ ** पारदर्शी जांच करना चाहते हैं
बस rgbaअपने टेक्स्ट कलर के रूप में टैग का उपयोग करें । आप उपयोग कर सकते हैं opacity, लेकिन यह पूरे तत्व को प्रभावित करेगा, न कि केवल पाठ को। कहते हैं कि आपके पास एक सीमा है, यह उतना ही पारदर्शी होगा।
.text
{
font-family: Garamond, serif;
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}आपका सबसे अच्छा समाधान एक तत्व के "अस्पष्टता" टैग को देखना है।
उदाहरण के लिए:
.image
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}तो आपके मामले में यह कुछ इस तरह दिखना चाहिए:
<html><span style="opacity: 0.5;"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>हालांकि यह मत भूलिए कि टैग HTML5 में समर्थित नहीं है।
आपको एक CSS का भी प्रयोग करना चाहिए :)
सीएसएस opacityविशेषता के बारे में क्या ? 0करने के लिए 1मान।
लेकिन फिर आपको संभवतः "फ़ॉन्ट" की तुलना में अधिक स्पष्ट डोम तत्व का उपयोग करने की आवश्यकता है। उदाहरण के लिए:
<html><body><span style=\"opacity: 0.5;\"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></span></body></html>एक अतिरिक्त जानकारी के रूप में, मैं आपको सुझाव दूंगा कि आप अपने HTML तत्वों के बाहर CSS घोषणाओं का उपयोग करें, लेकिन साथ ही साथ फ़ॉन्ट html टैग के बजाय फ़ॉन्ट css शैली का उपयोग करने का प्रयास करें।
क्रॉस ब्राउज़र css3 स्टाइल जनरेटर के लिए, http://css3please.com/ पर एक नज़र डालें
आसान! आपके बाद:
<font color=\"black\" face=\"arial\" size=\"4\">इसे जोड़ें:
<font style="opacity:.6"> आपको बस 1 और 0 के बीच एक दशमलव संख्या के लिए ".6" बदलना होगा
पृष्ठभूमि-अस्पष्टता जैसी कोई सीएसएस संपत्ति नहीं है जिसका उपयोग आप केवल बाल तत्वों को प्रभावित किए बिना किसी तत्व की पृष्ठभूमि की पारदर्शिता या पारदर्शिता को बदलने के लिए कर सकते हैं, दूसरी ओर यदि आप सीएसएस अपारदर्शिता संपत्ति का उपयोग करने की कोशिश करेंगे तो यह न केवल बदल जाएगा। पृष्ठभूमि की अस्पष्टता लेकिन सभी बाल तत्वों की अस्पष्टता को भी बदल देती है। ऐसी स्थिति में आप CSS3 में शुरू किए गए RGBA रंग का उपयोग कर सकते हैं जिसमें रंग मान के हिस्से के रूप में अल्फा पारदर्शिता शामिल है। RGBA रंग का उपयोग करके आप पृष्ठभूमि के रंग के साथ-साथ उसकी पारदर्शिता भी निर्धारित कर सकते हैं।
साथ खेलने की कोशिश करें mix-blend-mode: multiply;
color: white;
background: black;
mix-blend-mode: multiply;