अस्पष्टता और अल्फा चैनल (आरजीबीए) के माध्यम से क्या अंतर है?

Question

div { background-color: rgb(255,0,0); opacity: 1; } 

div { background-color: rgba(255,0,0,1); } 

उपरोक्त दो के बीच क्या अंतर है?

Answer 1

अस्पष्टता तत्व और उसके सभी बच्चों के लिए अस्पष्टता मान सेट करती है; जबकि आरजीबीए केवल एक घोषणा के लिए अस्पष्टता मूल्य निर्धारित करता है।

यह अच्छी तरह से समझाया गया है। http://www.css3.info/introduction-opacity-rgba/

Answer 2

जब आप अल्फा का उपयोग करते हैं, तो आप केवल div की उस विशिष्ट संपत्ति के लिए अस्पष्टता सेट कर रहे हैं। तो अगर आप अल्फा मान को कहने के लिए सेट करते हैं तो केवल पृष्ठभूमि ही थोड़ी पारदर्शी होगी .5

हालांकि, जब आप अस्पष्टता को 5 पर सेट करते हैं, तो एंटीयर div और इसके अंदर सब कुछ थोड़ा पारदर्शी रहेगा, इससे कोई फर्क नहीं पड़ता कि अल्फा मूल्य तत्व क्या है div के भीतर है।

अस्पष्टता सेट 5 के साथ एक div के भीतर, एक तत्व अधिकतम ".5" अपारदर्शी पर होगा (जब इसका अल्फा मान 1 पर सेट होता है)। यदि इसका अल्फा मान 5 पर सेट है, तो पारदर्शी प्रभाव परिसर होगा और यह वास्तव में ".25" पारदर्शी जैसा कुछ होगा। विशिष्ट संख्याओं के बारे में निश्चित नहीं है।

Answer 3

अपारदर्शिता: अस्पष्टता संपत्ति एक तत्व के लिए अस्पष्टता स्तर सेट (एक तत्व के लिए सेटिंग अस्पष्टता अपनी सामग्री सहित पूरे तत्व पारदर्शी बनाता है।)

अस्पष्टता निर्धारित करना:।

element{opacity:0.5} //makes the element and it's content 50% transparent 

अस्पष्टता स्तर पारदर्शिता-स्तर का वर्णन करता है, जहां 1 ट्रांसपरेंट नहीं है, 0.5 50% दृश्य-माध्यम है, और 0 पूरी तरह सेहैपारदर्शी। जो वस्तु की अस्पष्टता को निर्दिष्ट करता है -

अल्फा चैनल RGBA रंग मान अल्फ़ा चैनल के साथ RGB कलर मूल्यों का ही विस्तार है। Background : rgba (Red,Green,Blue,Opacity) (एक तत्व की स्थापना RGBA केवल उसकी सामग्री छोड़ने के रूप में यह है तत्व पृष्ठभूमि पारदर्शी बनाता है।)

पृष्ठभूमि RGBA निर्धारित करना: पृष्ठभूमि:

element{ 
    background:rgba(40, 41, 42, 0.5); 
} 

एक RGBA रंग मूल्य के साथ निर्दिष्ट किया जाता है : आरजीबीए (लाल, हरा, नीला, अल्फा)। अल्फा पैरामीटर 0.0 (पूरी तरह से पारदर्शी) और 1.0 (पूरी तरह से अपारदर्शी) के बीच एक संख्या है। Here

इसके अलावा जानकारी::

RGBA रंग मान IE9 +, Firefox 3+, क्रोम, सफारी, और में में समर्थित हैं

आरजीबी के लिए रंग का एक हेक्स मान परिवर्तित करने के लिए ओपेरा 10+।