2012-02-13 12 views
5

का एक हिस्सा ओवरराइड अगर मैं घोषणा की है:बहु-संपत्ति सीएसएस घोषणा

h1 { 
    background-image: url(a.png), -webkit-linear-gradient(transparent, black), url(b.png); 
} 

यह अनेक मान का केवल एक भाग को ओवरराइड करने के लिए संभव है, यानी (स्यूडोकोड):

h1.foo { 
    background-image: default, default, url(c.png); 
} 
+0

'पृष्ठभूमि-छवि: url (a.png), -webkit-linear-gradient (पारदर्शी, काला), url (b.png); 'वैध सीएसएस कोड भी है? – elclanrs

+0

CSS3 अल्पविराम का उपयोग करके अलग-अलग पृष्ठभूमि घोषणाओं को अलग करने की अनुमति देता है। मैंने CSS3 का अधिक उपयोग नहीं किया है, हालांकि मैं आपके प्रश्न के लिए 'हां' उद्यम करता हूं। – Akaishen

+0

@elclanrs हां यह है, CSS3 कई पृष्ठभूमि छवियों के लिए अनुमति देता है (हालांकि वैधकर्ता प्रीफिक्स्ड मानों को ध्वजांकित कर सकते हैं)। – joshnh

उत्तर

4

अभी नहीं। आप नीचे दिए गए (पृष्ठभूमि आशुलिपि में एक प्रॉपर्टी के मूल्य बदल) कर सकते हैं:

.foo { 
    background: url('...') 50% 50% no-repeat, 
       url('...') 50% 50% no-repeat, 
       url('...') 50% 50% no-repeat; 
} 

.foo { 
    background-position: 50% 50%, 75% 75%, 50% 50%; 
}

लेकिन कोई बात नहीं आप इसे कैसे से निपटने के लिए, आप हमेशा एक पृष्ठभूमि छवि घोषित करना होगा; आप अभी तक कई पृष्ठभूमि छवियों के लिए 'उत्तराधिकारी' का उपयोग नहीं कर सकते हैं।

+1

वास्तव में एक 'विरासत' मान है, लेकिन मुझे पता है कि आपका क्या मतलब है। –

+0

हे, मुझे और अधिक विशिष्ट होना चाहिए था। मैंने अपना जवाब स्पष्ट किया है। – joshnh

+0

मुझे आश्चर्य है कि पृष्ठभूमि-स्थिति क्या होगा -webkit-gradient() –

संबंधित मुद्दे