2012-04-26 12 views
5

मैं एक सीएसएस कोड जहां यहपृष्ठभूमि क्या करती है: पारदर्शी यूआरएल(); कर?

body { background: transparent url ('background.jpg') repeat scroll;} 

पारदर्शी मूल्य क्या करता है की तरह था देखा था? मैंने इस बारे में google'ing करने की कोशिश की, लेकिन कोई मदद नहीं। पृष्ठभूमि नहीं होगा। Jpg बस इसे ओवरराइड करें?

धन्यवाद।

उत्तर

7

transparent रंग है। एक तत्व में पृष्ठभूमि छवि और पृष्ठभूमि रंग दोनों हो सकते हैं।

ऊपर के बराबर है:

body { 
    background-color: transparent; 
    background-image: url('background.jpg'); 
    background-repeat: repeat; 
    background-attachment: scroll; 
} 

रंग सामान्य रूप में महत्वपूर्ण है अगर उदाहरण के लिए पृष्ठभूमि छवि लोड करने में विफल रहता है, या छवि में पारदर्शी क्षेत्र होते हैं, या छवि पूरे क्षेत्र को भरने के लिए दोहराया नहीं जाता है (जो स्वीकार्य रूप से आपके उदाहरण में मामला नहीं है)।

हालांकि, transparent "प्रारंभिक मान" है, इसलिए background शॉर्टंड का उपयोग करते समय कभी भी आवश्यक नहीं है, क्योंकि शॉर्टंड स्वचालित रूप से सभी अनिर्दिष्ट गुणों को उनके प्रारंभिक मान पर सेट करता है।

इस प्रकार

, केवल उपयोग इस मामले में जहां transparent समझ में आता है के रूप में एक पृष्ठभूमि रंग शामिल है:

  1. आशुलिपि का उपयोग नहीं है, लेकिन बजाय सीधे background-color संपत्ति का उपयोग कर;
  2. इसका उपयोग उस तत्व को सीधे लागू करने वाले किसी अन्य चयनकर्ता को ओवरराइड करने के लिए किया जाता है।

एक उदाहरण

body.foo { background-color: blue; } 
body.foo.bar { background-color: transparent; } 
+1

मुझे डर है कि यह सही नहीं है। स्पष्ट रूप से मूल्य निर्धारित करने से कोई फर्क नहीं पड़ता है (मेरा जवाब देखें)। – user123444555621

+0

अच्छा पकड़ @ Pumbaa80, मुझे लगता है कि यह 'विरासत' था। फिक्सिंग। – Domenic

+0

@Mrlister, मैंने कहा "फिक्सिंग," नहीं "तय।" * अब * यह तय है;)। – Domenic

3

वास्तव में, यह आवश्यक नहीं है किया जाएगा।

http://www.w3.org/TR/CSS21/colors.html#background
एक वैध घोषणा, 'पृष्ठभूमि' संपत्ति को देखते हुए उनकी प्रारंभिक मान के लिए पहला सेट सभी अलग-अलग पृष्ठभूमि गुण, तो घोषणा में दिए गए स्पष्ट मान प्रदान करती है।

background-color के प्रारंभिक मूल्य is transparent बाद से, यह परोक्ष लागू किया जाता है जब background:url(...);

अधिक स्पष्ट की स्थापना, अपनी शैली नियम

background-color: transparent; 
background-image: url(...); 
background-repeat: repeat; 
background-attachment: scroll; 
background-position: 0% 0%; 
दोनों ही मामलों में

के बराबर है।

हालांकि, (अपने आप सहित) कई लेखकों को स्पष्ट रूप से मूल्य

    पठनीयता
  • किसी भी ब्राउज़र कीड़े, या बस
  • को रोकने के लिए, क्योंकि वे बेहतर
पता नहीं है के लिए
  • स्थापित करने के लिए पसंद करते हैं
  • संबंधित मुद्दे