transparent
रंग है। एक तत्व में पृष्ठभूमि छवि और पृष्ठभूमि रंग दोनों हो सकते हैं।
ऊपर के बराबर है:
body {
background-color: transparent;
background-image: url('background.jpg');
background-repeat: repeat;
background-attachment: scroll;
}
रंग सामान्य रूप में महत्वपूर्ण है अगर उदाहरण के लिए पृष्ठभूमि छवि लोड करने में विफल रहता है, या छवि में पारदर्शी क्षेत्र होते हैं, या छवि पूरे क्षेत्र को भरने के लिए दोहराया नहीं जाता है (जो स्वीकार्य रूप से आपके उदाहरण में मामला नहीं है)।
हालांकि, transparent
"प्रारंभिक मान" है, इसलिए background
शॉर्टंड का उपयोग करते समय कभी भी आवश्यक नहीं है, क्योंकि शॉर्टंड स्वचालित रूप से सभी अनिर्दिष्ट गुणों को उनके प्रारंभिक मान पर सेट करता है।
इस प्रकार
, केवल उपयोग इस मामले में जहां transparent
समझ में आता है के रूप में एक पृष्ठभूमि रंग शामिल है:
- आशुलिपि का उपयोग नहीं है, लेकिन बजाय सीधे
background-color
संपत्ति का उपयोग कर;
- इसका उपयोग उस तत्व को सीधे लागू करने वाले किसी अन्य चयनकर्ता को ओवरराइड करने के लिए किया जाता है।
एक उदाहरण
body.foo { background-color: blue; }
body.foo.bar { background-color: transparent; }
मुझे डर है कि यह सही नहीं है। स्पष्ट रूप से मूल्य निर्धारित करने से कोई फर्क नहीं पड़ता है (मेरा जवाब देखें)। – user123444555621
अच्छा पकड़ @ Pumbaa80, मुझे लगता है कि यह 'विरासत' था। फिक्सिंग। – Domenic
@Mrlister, मैंने कहा "फिक्सिंग," नहीं "तय।" * अब * यह तय है;)। – Domenic