"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > सीएसएस में पृष्ठभूमि और बाल तत्वों के लिए अलग-अलग अपारदर्शिता कैसे प्राप्त करें?

सीएसएस में पृष्ठभूमि और बाल तत्वों के लिए अलग-अलग अपारदर्शिता कैसे प्राप्त करें?

2024-11-07 को प्रकाशित
ब्राउज़ करें:637

How to Achieve Different Opacities for Background and Child Elements in CSS?

सीएसएस पृष्ठभूमि अपारदर्शिता को समझना

सीएसएस में, अपारदर्शिता एक तत्व की पारदर्शिता को नियंत्रित करती है। जब किसी कंटेनर पर लागू किया जाता है, तो यह स्वाभाविक रूप से पृष्ठभूमि और उसके बाल तत्वों दोनों को प्रभावित करेगा। सीएसएस विरासत एक चुनौती पेश करती है। बाल तत्व अपने मूल कंटेनरों से अपारदर्शिता प्राप्त करते हैं, जिसके परिणामस्वरूप दिए गए उदाहरण में पृष्ठभूमि और पाठ दोनों के लिए समान अपारदर्शिता होती है।

वांछित अपारदर्शिता प्राप्त करने के लिए समाधान

प्राप्त करना वांछित प्रभाव के लिए, निम्नलिखित विकल्पों पर विचार करें:

पारदर्शी पृष्ठभूमि छवि:

पारदर्शिता के साथ एक पीएनजी छवि का उपयोग करें और इसे पृष्ठभूमि छवि के रूप में सेट करें। यह पृष्ठभूमि को आंशिक अस्पष्टता रखने की अनुमति देता है जबकि बाल तत्व पूर्ण अस्पष्टता बनाए रखते हैं।

    पृष्ठभूमि के लिए आरजीबीए रंग:
  • आरजीबीए रंग प्रारूप का उपयोग करें, जिसमें अस्पष्टता के लिए चौथा पैरामीटर शामिल है। पृष्ठभूमि की अपारदर्शिता को नियंत्रित करने के लिए अल्फ़ा मान को 0 और 1 के बीच की संख्या पर सेट करें। उदाहरण के लिए, rgba(0, 0, 0, 0.5) 50% अपारदर्शिता के साथ एक काली पृष्ठभूमि को दर्शाता है।
  • इन समाधानों का लाभ उठाकर, आप पृष्ठभूमि और बाल तत्वों दोनों की अपारदर्शिता को प्रभावी ढंग से नियंत्रित कर सकते हैं आपकी सीएसएस स्टाइलिंग।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3